@font-face {
    font-family: "Helvetica";
    src: url("https://fontsforyou.com/fonts/h/Helvetica.ttf");
    }
    
    .container {
        margin-bottom: 3%;
        
        z-index: 2;
    }
    .nlogo {
        display: inline-block;
        padding-right: 20px;
    }
    #pcmlinks {
        display: inline-block;
        top: 17px;
        position: absolute;
    }
    .pmlis {
        display: inline-block;
        /*padding-right: 20px;*/
    }
    .pmlis a {
        font-size: 14px;
        text-decoration: none;
        color: #757575;
        line-height: 19.6px;
        font-family: "Helvetica";
    }
    
    #navigation {
        border-bottom: 1px #75757538 solid;
        line-height: 22px;
        z-index: 2;
        position: relative;
    }
    #new-menu {
        display: flex;
        padding-left: 0;
        align-items: center;
        margin-bottom: 0;
    }
    #new-menu li {
        display: inline;
    }
    #new-menu li a {
        text-decoration: none;
        padding-bottom: 30px;
        color: #424242;
    }
    
    #new-menu li {
      list-style-type: none;
      flex-basis: auto;
      flex-grow: 1;
      text-align: center;
      color: #757575;
      font-size: 14px;
      font-family: Helvetica, Sans-Serif;
    }
    #pcmlinks .pmlis a:hover{
        color: #9E9E9E;
        /*border-bottom: 2px #940229 solid;
        padding-bottom: 6px;*/
    }
    #pcmlinks a.active {
        color: #940229 !important;
        border-bottom: 2px #940229 solid;
        padding-bottom: 9px;
    }
    
    .ol_b:hover{
        color: #A93554 !important;
    }
    
    #specialButton {
        position: inherit;
    }
     #specialButton img{
        width: 21.5px;
        height: auto;
    }
    
    .hide-submenu {
        display: none;
    }
    
    #sub-navigation-fl {
        padding-top: 14px;
        z-index: 2;
        position: relative;
    }
    #sub-navigation-fl a {
        font-size: 16px;
    }
    #sub-navigation-fl .sub-navigation-fl-credit a {
        font-size: 14px;
        line-height: 15px;
    }
    #sub-navigation-fl .sub-navigation-fl-vkaldi a {
        font-size: 14px;
        line-height: 15px;
    }
    #sub-navigation-fl .sub-navigation-fl-bcard a {
        font-size: 14px;
        line-height: 15px;
    }
    #sub-navigation-fl .sub-navigation-fl-eshe a {
        font-size: 14px;
        line-height: 15px;
    }
    #sub-navigation-bis .sub-navigation-bis-credit a {
        font-size: 14px;
        line-height: 15px;
        letter-spacing: 0;
    }
    #sub-navigation-bis .sub-navigation-bis-eshe a {
        font-size: 14px;
        line-height: 15px;
        letter-spacing: 0;
    }
    #sub-navigation-fl a:hover {
        color: #940229;
    }
    
    .fl-credit:has(.sub-navigation-fl-credit:hover ) {
        color: #940229;
    }
    #sub-navigation-fl a:target {
        color: #940229;
    }
    
    #sub-navigation-bis {
        padding-top: 14px;
        letter-spacing: 0.5px;
        z-index: 2;
        position: relative;
    }
     #sub-navigation-bis a:hover {
        color: #940229;
    }
    
    #sub-navigation-bis a {
        font-size: 16px;
    }
    
    .sub-navigation-fl-credit {
        position: absolute;
	    display: none;
	    background: #fff;
    }
    .sub-navigation-fl-vkaldi {
	    position: absolute;
	    display: none;
    }
    .sub-navigation-fl-bcard {
    	position: absolute;
    	display: none;
    }
    .sub-navigation-fl-eshe {
    	position: absolute;
    	display: none;
    }
    
    .sub-navigation-bis-credit {
    	position: absolute;
    	display: none;
    }
    
    .sub-navigation-bis-eshe {
    	position: absolute;
    	display: none;
    }
    
    .fl-credit:hover .sub-navigation-fl-credit {
        display: block;
        z-index: 2;
        background: #fff;
        margin-top: 18px;
    }
    .fl-subm-shadow {
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.10); 
        border-radius: 2px;
        padding-right: 0px;
        padding-left: 25px;
        padding-bottom: 30px;
        padding-top: 24px;
        width: 646px;
        height: 230px;
    }
    
    .fl-subm-shadow-vklad {
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.10); ;
        border-radius: 2px;
        padding-right: 0px;
        padding-left: 25px;
        padding-bottom: 25px;
        padding-top: 24px;
        width: 257px;
        height: 130px;
    }
    
      .fl-subm-shadow-bcard {
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.10); 
        border-radius: 2px;
        padding-right: 0px;
        padding-left: 27px;
        padding-bottom: 25px;
        padding-top: 19px;
        width: 612px;
        height: 155px;
    }
    
    
    .fl-subm-shadow-eshe {
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.10); 
        border-radius: 2px;
        padding-right: 0px;
        padding-left: 27px;
        padding-bottom: 25px;
        padding-top: 1px;
        width: 723px;
        height: 220px;
    }
    
    .fl-subm-shadow-bis-credit {
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.10); 
        border-radius: 2px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 25px;
        padding-top: 0px;
        width: 686px;
        height: 145px;
    }
    .fl-subm-shadow-bis-eshe {
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.10); 
        border-radius: 2px;
        padding-right: 0px;
        padding-left: 0;
        padding-bottom: 25px;
        padding-top: 0;
        width: 299px;
        height: 140px;
    }
    
    .fl-vkladi:hover .sub-navigation-fl-vkaldi {
        display: block;
        z-index: 2;
        background: #fff;
        margin-top: 18px;
        padding-bottom: 0px;
        padding-right: 0px;
        font-size: 14px;
    }
    
    .fl-bcard:hover .sub-navigation-fl-bcard {
        display: block;
        z-index: 2;
        background: #fff;
        margin-top: 18px;
        /*padding-bottom: 25px;
        padding-right: 30px;*/
        width: 612px;
        height: 170px;
    }
    
    .fl-eshe:hover .sub-navigation-fl-eshe {
        display: block;
        z-index: 2;
        background: #fff;
        margin-top: 18px;
        /*padding-bottom: 25px;
        padding-right: 30px;*/
        left: 30.6%;
        width: 723px;
        /*height: 221px;*/
        height: 180px;
    }
    
    .bis-credit:hover .sub-navigation-bis-credit {
        display: block;
        z-index: 2;
        background: #fff;
        margin-top: 18px;
        /*padding-bottom: 25px;
        padding-right: 30px;*/
        width: 686px;
        height: 147px;
    }
    
    .bis-eshe:hover .sub-navigation-bis-eshe {
        display: block;
        z-index: 2;
        background: #fff;
        margin-top: 18px;
        /*padding-bottom: 25px;
        padding-right: 30px;*/
        left: 71.5%;
        width: 299px;
        height: 142px;
    }
    .sub-mt {
        color: #940229 !important;
    }
    .sub-mt:hover {
        color: #A93554 !important;
    }
    .sub-lt {
        color: #424242 !important;
    }
    .sub-lt:hover {
        color: #940229 !important;
    }
    .sub-lt:active {
        color: #940229 !important;
    }
    .sub-lt:target {
        color: #940229 !important;
    }
    .sub-lt:focus {
        color: #940229 !important;
    }
    .spec_but_eye{
        content: url('images/emojione_monotone_eye.png');
       margin-top: -7px;
        vertical-align: bottom;
        }
    
     #m-menu {
            display: none;
        }
    #header {
        padding-top: 15px;
    }
    
    #sub-navigation-itb, #sub-navigation-ofs, #sub-navigation-nvst, #sub-navigation-abt {
        padding-top: 14px;
        z-index: 2;
        position: relative;
		}
	#sub-navigation-itb a, #sub-navigation-ofs a, #sub-navigation-nvst a, #sub-navigation-abt a  {
	    font-size: 16px;
		}
	#sub-navigation-itb li:hover a, #sub-navigation-ofs li:hover a, #sub-navigation-nvst li:hover a, #sub-navigation-abt li:hover a{
        color: #940229;
        }
        
        
    .abt-subm-shadow {
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.10); 
        border-radius: 2px;
        padding-right: 0px;
        padding-left: 25px;
        padding-bottom: 30px;
        padding-top: 24px;
        width: 646px;
        height: 235px;
		}
		
	.abt-credit:has(.sub-navigation-abt-oinf:hover ) {
        color: #940229;
		}
		
	#sub-navigation-abt .sub-navigation-abt-oinf a {
        font-size: 14px;
        line-height: 15px;
		}
		
	.abt-strb:hover .sub-navigation-abt-strb {
        display: block;
        z-index: 2;
        background: #fff;
        margin-top: 18px;
        padding-bottom: 0px;
        padding-right: 0px;
        font-size: 14px;
		}
		
	.abt-subm-shadow-strb {
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.10); ;
        border-radius: 2px;
        padding-right: 0px;
        padding-left: 25px;
        padding-bottom: 25px;
        padding-top: 24px;
        width: 257px;
        height: 220px;
		}
		
	.abt-rinf:hover .sub-navigation-abt-rinf {
        display: block;
        z-index: 2;
        background: #fff;
        margin-top: 18px;
        /*padding-bottom: 25px;
        padding-right: 30px;*/
        width: 612px;
        height: 170px;
		}
		
	.abt-subm-shadow-rinf {
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.10); 
        border-radius: 2px;
        padding-right: 0px;
        padding-left: 27px;
        padding-bottom: 25px;
        padding-top: 19px;
        width: 612px;
        height: 155px;
		}
		
	.abt-fpkl:hover .sub-navigation-abt-fpkl {
        display: block;
        z-index: 2;
        background: #fff;
        margin-top: 18px;
        padding-bottom: 0px;
        padding-right: 0px;
        font-size: 14px;
		}
		
	.abt-subm-shadow-fpkl {
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.10); ;
        border-radius: 2px;
        padding-right: 0px;
        padding-left: 25px;
        padding-bottom: 25px;
        padding-top: 24px;
        width: 257px;
        height: 220px;
		}
		
	.abt-eshe:hover .sub-navigation-abt-eshe {
        display: block;
        z-index: 2;
        background: #fff;
        margin-top: 18px;
        /*padding-bottom: 25px;
        padding-right: 30px;*/
        left: 73.6%;
        width: 280px;
        /*height: 221px;*/
        height: 215px;
		}
		
	#sub-navigation-abt .sub-navigation-abt-eshe a {
        font-size: 14px;
        line-height: 15px;
		}
		
	.sub-navigation-abt-eshe {
    	position: absolute;
    	display: none;
		}
		
	.abt-subm-shadow-eshe {
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.10); 
        border-radius: 2px;
        padding-right: 0px;
        padding-left: 27px;
        padding-bottom: 25px;
        padding-top: 1px;
        width: 280px;
        height: 215px;
    }
        
        
		
    @media (max-width: 1200px){
         #header {
            padding-top: 0;
        }
    }
    
    @media (max-width: 1024px){
        #header {
            padding-top: 0;
        }
        .container {
            display: none;
        }
        #m-menu {
            display: block;
        }
        #specialButton {
            position: relative;
            top: 4px;
            right: -4px;
        }
    }
    
    #nav-icon1 {
    width: 22px;
    height: 22px;
    position: relative;
    margin: 12px auto;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    display: inline-block;
    float: right;
    }
    #nav-icon1 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #424242;
        border-radius: 100px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }
    #nav-icon1 span:nth-child(1) {
        top: 0px;
    }
    #nav-icon1 span:nth-child(2) {
        top: 8px;
    }
    #nav-icon1 span:nth-child(3) {
        top: 16px;
        width: 50%;
    }
    #nav-icon1.open span:nth-child(1) {
        top: 8px;
        transform: rotate(135deg);
    }
    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }
    #nav-icon1.open span:nth-child(3) {
        top: 8px;
        transform: rotate(-135deg);
        width: 100%;
    }
    #sub-mmenu {
        display: none;
    }
    #sub-mmenu.sub-mmenu-open {
        display: block;
        padding-top: 15px;
        padding-bottom: 50%;
    }
    
    .tabs {
      font-size: 0;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 15px;
      padding-right: 20px;
      padding-top: 20px;
    }

    .tabs>input[type="radio"] {
      display: none;
    }

    .tabs>div {
      /* скрыть контент по умолчанию */
      display: none;
      /*border: 1px solid #e0e0e0;*/
      padding: 10px 0px;
      font-size: 16px;
    }

    /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
    #tab-btn-1:checked~#content-1,
    #tab-btn-2:checked~#content-2 {
      display: block;
    }

    .tabs>label {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      user-select: none;
      background-color: transparent;
      border-bottom: 1px #75757538 solid;
      padding: 2px 8px;
      font-size: 14px;
      line-height: 1.5;
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
      cursor: pointer;
      position: relative;
      top: -2px;
      color: #757575;
      width: 50%;
    }

    .tabs>label:not(:first-of-type) {
      border-left: none;
    }

    .tabs>input[type="radio"]:checked+label {
      background-color: #fff;
      border-bottom: 2px solid #940229;
      color: #940229;
    }
    
   .emenu {
       padding-left: 15px;
       padding-right: 20px;
       padding-top: 15px;
   }
   .emenu a {
       text-decoration: none;
       color: #757575;
       font-size: 14px;
       display: block;
       padding-bottom: 16px;
   }
   .mm-spec {
       padding-left: 15px;
       padding-right: 20px;
       padding-bottom: 30px;
    }
   .mm-spec a {
       text-decoration: none;
       color: #757575;
       font-size: 14px;
       /*padding-top: 8px;*/
   }
   .mm-shadow {
       box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
   }
   
   /*.fl-credit a:has(.sub-navigation-fl-credit:hover){
       color: #940229;
   }
   .bis-credit a:has(.sub-navigation-bis-credit:hover){
       color: #940229;
   }*/
   
    #sub-navigation-fl li:hover a{
    color: #940229;
    }
    #sub-navigation-fl li:active a{
    color: #940229;
    }
    #sub-navigation-fl li:target a{
    color: #940229;
    }
    #sub-navigation-fl li:focus a{
    color: #940229;
    }
    
     #sub-navigation-bis li:hover a{
    color: #940229;
    }
    #sub-navigation-bis li:active a{
    color: #940229;
    }
    #sub-navigation-bis li:target a{
    color: #940229;
    }
    #sub-navigation-bis li:focus a{
    color: #940229;
    }
     .online_zajavka {
         background: #940229;;
    }
   
    .online_zajavka:hover {
        background: #A93554;
    }
    
    #spec_mbtn {
        display: none;
        background: #fff;
        position: relative;
        z-index: 5;
        margin-left: -20px;
    }
    #fl-ls, #ul-ls, #itb-ls, #ofs-ls, #nvst-ls, #abt-ls {
        width: 100%;
        margin-top: 1px;
        height: 112px;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        -webkit-box-shadow: 0px 15px 15px rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 0px 15px 15px rgba(50, 50, 50, 0.5);
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.10);
            }
  /*------------------------------ mobile menu --------------------------------*/
  
  /* Configuration Parameters */
$lineWidth: 5px;
$lineLength: 25px;
$baseMargin: 8px;


@mixin rotate($rotateDegrees) {
      -webkit-transform: $rotateDegrees;
      -moz-transform: $rotateDegrees;
      -ms-transform: $rotateDegrees;
      -o-transform: $rotateDegrees;
      transform: $rotateDegrees;
}

@mixin animation-duration($animationDuration) {
  -webkit-transition-duration: $animationDuration;
  -moz-transition-duration: $animationDuration;
  -ms-transition-duration: $animationDuration;
  -o-transition-duration: $animationDuration;
  transition-duration: $animationDuration;
}

@mixin animation-delay($animationDelay) {
  -webkit-transition-delay: $animationDelay;
  -moz-transition-delay: $animationDelay;
  -ms-transition-delay: $animationDelay;
  -o-transition-delay: $animationDelay;
  transition-delay: $animationDelay;
}

@keyframes fade-opacity-in {
  0% {opacity:0;}
    
  50% {opacity: 0;}
    
  100% {opacity: 1;}
}

.navfl {
    box-shadow: none;
    width: 100%;
    /*margin-left: -16px;*/
    overflow: hidden;
}
 
ul {
  list-style-type: none;
  padding:0;
  margin:0;
}

#hamburger-checkbox {
  display: none;
}

.navfl__list label {
   /* border-bottom: 1px solid var(--gray-30, #E0E0E0);*/
}

.navfl a, .navfl label {
  display: block;
  /*padding: .85rem;*/
  color: #424242;
  background-color: #fff;
  /*box-shadow: inset 0 -1px #1d1d1d;*/
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  text-decoration: none;
  width: 100%;
  padding-left: 7.5px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.navfl a:focus, .navfl a:hover, .navfl a:active, .navfl a:target, .navfl label:focus, .navfl label:hover, .navfl label:active, .navfl label:target, {
  color: #940229;
  //background: #030303;
}

.navfl label { cursor: pointer; }

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
  /*padding-left: 0.9rem;*/
  background: #fff;
}


/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  padding-left: 1.8rem;
  background: #fff;
  /*box-shadow: inset 0 -1px #474747;*/
}

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 6rem;
  background: #E0E0E0;
  box-shadow: inset 0 -1px #575757;
}

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .2s ease-in-out;
  font-size: 14px;
}

.navfl__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }

label > span {
  float: right;
  -webkit-transition: -webkit-transform .2s;
  transition: transform .2s;
  margin-right: 15px;
  margin-top: 7px;
}

.navfl__list input[type=checkbox]#group-1:checked + label > span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #940229;
  }
.navfl__list input[type=checkbox]#group-2:checked + label > span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #940229;
  }
  .navfl__list input[type=checkbox]#group-3:checked + label > span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #940229;
  }
  .navfl__list input[type=checkbox]#group-4:checked + label > span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #940229;
  }
.navfl__list input#group-1[type=checkbox]:checked + label > a {
    color: #940229;
}
.navfl__list input#group-2[type=checkbox]:checked + label > a {
    color: #940229;
}
.navfl__list input#group-3[type=checkbox]:checked + label > a {
    color: #940229;
}
.navfl__list input#group-4[type=checkbox]:checked + label > a {
    color: #940229;
}
input[id^="sub-group-"] + label {
    border-bottom: none;
}
input[id^="sub-group-"] + label > a{
    font-size: 14px;
    font-weight: bold;
}
.sub-group-list {
    font-size: 14px;
    line-height: 17px;
}

.navbis {
    box-shadow: none;
    width: 100%;
    /*margin-left: -16px;*/
    overflow: hidden;
}

.navbis__list label {
   /* border-bottom: 1px solid var(--gray-30, #E0E0E0);*/
}

.navbis a, .navbis label {
  display: block;
  /*padding: .85rem;*/
  color: #424242;
  background-color: #fff;
  /*box-shadow: inset 0 -1px #1d1d1d;*/
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  text-decoration: none;
  width: 100%;
  padding-left: 7.5px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.navbis a:focus, .navbis a:hover, .navbis a:active, .navbis a:target, .navbis label:focus, .navbis label:hover, .navbis label:active, .navbis label:target, {
  color: #940229;
  //background: #030303;
}

.navbis label { cursor: pointer; }



.navbis__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
max-height: 1000px; }

.navbis__list input[type=checkbox]#group-7:checked + label > span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #940229;
  }
.navbis__list input[type=checkbox]#group-8:checked + label > span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #940229;
  }
  .navbis__list input[type=checkbox]#group-3:checked + label > span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #940229;
  }
  
.navbis__list input#group-7[type=checkbox]:checked + label > a {
    color: #940229;
}
.navbis__list input#group-8[type=checkbox]:checked + label > a {
    color: #940229;
}

input[id^="sub-group-"][type=checkbox]:checked + label > span {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  }
  
 .navfl a, .navbis a {
    display: inline-block;
    width: auto;
 }
  /*------------------------------ mobile menu --------------------------------*/
   
 .sl_hover:hover a {
     color: #fff !important;
 }