.fade-out { opacity: 0;pointer-events: none;
  animation: fadeOut ease 0.1s;
  -webkit-animation: fadeOut ease 0.1s;
  -moz-animation: fadeOut ease 0.1s;
  -o-animation: fadeOut ease 0.1s;
  -ms-animation: fadeOut ease 0.1s;
}

@keyframes fadeOut {
  0% {opacity:1;}
  100% {opacity:0;}
}


.fade-in { opacity: 1;pointer-events: auto;
  animation: fadeIn ease 0.1s;
  -webkit-animation: fadeIn ease 0.1s;
  -moz-animation: fadeIn ease 0.1s;
  -o-animation: fadeIn ease 0.1s;
  -ms-animation: fadeIn ease 0.1s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
.panelSand {border:0px !important;}
.mHolder {margin-top: 11px !important;border:0px !important;}
.lastItem {padding-right: 13px;}
.whiteb{position: absolute;height: 43px; width:20px; background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); 
top:0px; right:0px;
 }
 #mxtext   {padding: 0px !important;} 
#topPanelFixed {
    box-shadow: 0px 4px 4px rgb(18 32 77 / 12%);
    font-family: 'RalewayRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: white;
    width: 100%;
    height: 43px;
    z-index: 99999999;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center; 
    flex-wrap: nowrap;}

#menuSandPanel {float: left;
 margin-left: 0px;
      width: 25px;    
      cursor: pointer;
       
    }
#homMenu { 
    background-image: url(images/nhomeD10.svg);
    background-repeat: no-repeat;
    background-size: contain; 
    width: 19px;    
    height: 19px; 
    display: block;

    margin-right: 25px;
}
  
.fixedSidebar {top: 44px !important;z-index: 999999999 !important; }

#bookMenu {
    float: left;
    background-image: url(images/nbook1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left:30px;
    display: block;
    width: 23px;
    margin-top: 1px;
    height: 23px;
}

.fixedTopPanel {
position: fixed !important;
z-index: 9999999 !important;
background-color: white !important;
top:-8px !important;
}
#mtest {
    position: absolute;
    left: 30px;
    top: 180px; 
  max-width: 1040px;
  mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 100%);
 /* margin: 181px auto auto 0;*/
  width: 980px;
  padding: 0 0;
}
#topPanel

    {display: none;}



.topPanelWrapC {

  /*height: 56px;*/

  height: 52px;
    padding-bottom: 4px;

  margin-left: 10px;
    width: auto;
    display: flex;
    overflow-y: scroll;
    justify-content: flex-start;
}
.flypanel {height: 49px;}
 #topPanel1
    { 
      
box-shadow: 0px 4px 4px rgb(18 32 77 / 12%);



/*font-family:  sans-serif;*/

font-family: 'RalewayRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;

font-weight:600;


font-size:14px; 
   

display: block; 
position: absolute; 

top: 118px;    
 
left: 0px;
width: 100%;
height: 52px; 
z-index: 700;
       
    }
    .umm0{margin-left: 10px;}
.umm1{margin-left: 20px;}

#topPanel1 ul { padding: 0px;
  text-align: left; color: white;
  /*background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
 box-shadow: 0 3px 6px rgb(0 0 0 / 7%), inset 0 0 1px rgb(255 255 255 / 60%);*/

}
  
#topPanel1 ul li {padding-left: 0px;
    padding-right: 6px;float: left;
    color: white;
    display: inline-block;
}
.menuItem2{

margin-left: 138px;



}
.menuItem1 {

margin-left: 43px;



}
#topPanel1 ul li a {
  margin-top: -4px;
  padding: 10px;
    text-align: center;
    width: 71px;
    color: black;
    
    border-radius: 19px;
    padding-bottom: 10px;
    
    font-size: 1em;
    text-decoration: none;
    display: block;
}

#mtest ul li a:hover {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.1);
  color: rgba(0, 35, 122, 0.7);
}


.letterCh {
    width: 36px; 
    right: 17px;
    top: 8px;  
}

.fadeInLeft{animation-duration: 0.4s !important;}
#menuWrappa2 { z-index: 1000;
  font-family: 'verdana_pro';
            font-size: 0.9em; line-height: 1.4em;
    position: absolute;
    top: 178px;
   
display: flex;
justify-content: end;
} 

    .newMenuElem {cursor: pointer;padding: 5px 8px;
    display: inline-block; margin-left: 36px;  }

#menuFixed {width:100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
height: 62px;
  top: 7px;  
    left: 0;
    z-index: 5015;
    position: absolute;opacity: 1;} 

#buttonMenuMob {
    opacity: 1;
    position: absolute;
    top: 14px;
    left: 20px;
    z-index: 5000;
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    width: 38px;
}
 
.sidebar 
    { display: none;
  box-shadow: none;
border-right:1px solid  rgba(18, 32, 77, 0.2);
background-color: white;
width: 252px; 
position: fixed;
top:0px;  height: 100%; 
    }



#menuList {position: fixed;width: 252px;height: 100%;overflow-y:scroll;}

    #stickerPanelMob{
     color: rgb(85, 85, 85);
    position: absolute;
    right: 5px  ;  
    cursor: pointer;
    margin-left: 0px;
    margin-top: 0;
    top: 7px;
}

     #maxSWrapper 
    {

   user-select: none;
      position: relative;
    margin-left: auto;
    margin-right: auto;
     top: 16px; 
    left: 10px;
    z-index: 8000;

    }

     #thesticker
    {  user-select: none;
pointer-events: auto;
     position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    top: 46px;
    }

#thesticker_Val {
    user-select: none;
    pointer-events: auto;
    position: relative;
    z-index: 8000;
    margin-left: auto;
    margin-right: auto;
    filter: drop-shadow(8px 3px 2px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.38));
    width: 179px;
    height: auto;
    left: 0px;
    top: 27px;
}

    #themessage
    {    
      user-select: none;
   pointer-events: auto;
    position: relative;
     margin-left: auto;margin-right: auto;
    z-index: 8000;
  
    top: 30px; 
    }

#fixedStickDiv{position: fixed;z-index:5052; left: 0px;top:0px;width: 100%;height: 50%;pointer-events: auto;display:none;

 }
 :root { --mobVer:1; 
       --openedMenu:0; 
       --shortMenuH:320; 
   } 




.menuCaptionA {
flex:0;
    margin-left: 12px;
    font-size: 15px;
    font-weight: 600;
        font-family: 'RalewayRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      /* font-family: 'verdana_pro';*/
    color: #242b35d9;;
    line-height: 33px;
    float: left;
}

.menuImHolder{ 
  margin-left: 12px;
   margin-right: 12px;
    width: 33px; height: 33px; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
    display: block;
    border-radius: 3px;    
    background-color: none;   
    box-shadow: 0px 2px 5px #aaa, inset 0px 2px 3px #fff;

}
.menuItemA {
    width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #555;
    position: relative;;
    margin-top: 10px;
    display: flex;   
    height: 40px;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    align-items: center;
    transition: align-content 1s;
}







.aBlack {    color: #242b35d9;}
#bookimg {width: 26px;height:26px;margin-left: 80px; }


.menuColorRow {width: 85%;
    margin-top: 0px;}
.sidebar .menu ul  {margin-top: 0px;  } 



.smallI {opacity: 1;}



.opened {
border-color: rgba(223,225,229,0);
   
}


.topMenuIcons{   float:left;margin-top: 7px;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: block; width:18px; height: 18px;
    vertical-align: middle;  
    text-decoration: none; 
    width: max-content;
    color:#242b35d9;
    
  }   

.menuImHolder2{ 
      width: 42px;

    position: fixed;
    right: 6px; 
    bottom: 6px;
    z-index: 9000;
    height: 42px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    vertical-align: middle;
    display: block;
    margin-left: 15px;
    border-radius: 5px;
    text-align: center;
    margin-top: 0px;
    background-color: rgba(255,255,255,1); 
}




 .noround {box-shadow: none;}
 #menuSHolder {
  background-color:rgba(0,0,11,0);
  box-shadow: none;
  margin-left: 0px;
 
}

  .roundSandDark {box-shadow: none;box-shadow: none; background-color:rgb(66 152 208) !important; }
  .roundSandWhite { background-color:rgba(255, 255, 255, 1) !important;     box-shadow: 0px 1px 3px #aaa, inset 0px 2px 3px #fff !important; }

 .menuIc {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);vertical-align:middle;cursor:pointer; }
.panelIc{display: block; float: left; width: 17px; height: 17px;margin-top: 7px;} 
 .menuIcBigger {width:28px;}
.arrow1 {
    position: absolute;
    padding-right: 0px;
    padding-top: 2px;
    color: rgba(41,130,194,0.24);
    opacity: 1;
}
 .menuIc {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);width: 26px;vertical-align:middle;cursor:pointer;
margin-top: 7px;
 }
    #MainItemA{margin-top: 20px;}
.wBackDesk{
    width: 100%;
    height: 100%;
    display: none;  
    z-index: 5000;
    position: fixed;
   /* background-color: rgba(244,247,0,0.03);*/
    background-color: rgba(18,32,77,0.2);

    left: 0px;
    top: 0px; 
}


.menuIc0 {display: block;
           width: 30px;
    margin-left: 6px;
    margin-top: 6px;}
.menuIc1 {  display: block;
       width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-left: 6px;}
  
   .menuIc2{display: block;
    width: 16px;
    margin-left: 6px;
    margin-top: 8px;
}
    .menuIc3{    display: block;
    width: 15px;
    margin-left: 7px;
    margin-top: 6px;}
 .menuIc5{       display: block;
    width: 16px;
    margin-left: 6px;
    margin-top: 5px;}
    .menuIc6{       display: block;
    width: 17px;
    margin-left: 5px;
    margin-top: 7px;}
.fas {display: none}

.tempRound {display:none;float: left;

display: block;
    background-color: firebrick;
}
#indexLink { display: block ;height:50px;margin-top: 34px; }
#menu6 {background-color: none;}
#menu5 {background-color: none;}
#menu1 {background-color: none;}
#menu2 {background-color: none;}
#menu3 {background-color: none;}
#menu4 {background-color: none;}
#menu0 {padding-bottom: 12px;
    margin-top: 28px; 
     }

#menuSticker{
    box-shadow: 0px 5px 7px #aaf9, inset 0px 2px 3px #fff;
/*  box-shadow: 0 1px 6px rgb(32 33 36 / 28%);*/
border:1px solid rgb(170 170 255 / 20%);;
  border-radius: 20px;
    width: 215px;
    margin-left: auto;
    margin-right: auto;}
  .menuCaptionS {display: table-cell;
    height: 42px; color:#4f4e4e;
    font-size: 1em;
    vertical-align: middle;
    padding-left: 0px;
text-align: left;
margin-top: 12px;
}   

#prya1{font-size: 0.9em;}
#piptxt{    font-size: 0.9em; vertical-align: middle;
    display: table-cell !important;}
#sroundM{background-color: transparent;    border-radius: 50%} 

#sroundS {margin-left: 2px;
    background-color: transparent;}

#sround1 {
    background-color: #F87922;
     background-size: 16px 16px;
    background-position: 6px 6px;
    background-repeat: no-repeat;
    background-image: url('/images/starIc1.svg');
}

#sround2 {
   background-color:#d80803;  
  background-size: 17px 17px;
   
    background-position: center 7.2px;
    background-repeat: no-repeat;
    background-image: url('/images/heartIc11.svg');
}


#sround3 {
    background-color: #6700AC;
    background-size: 17px 17px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('/images/cardsIc22.svg');
}
#sround4{

  background-color:#fe42ad;
background-size: 19px 19px;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-image: url('/images/mirr2.svg');



}

#sround5{background-color:#050086;
 background-size: 17px 17px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('/images/lotusIc1.svg');


}
#sround6 {
    background-color: #1E960C;
    background-size: 17px 17px;
    background-position: center 7px;
    background-repeat: no-repeat;
    background-image: url('/images/clev11.png');
}

#sround0{background-color:#050086;}

.opened .menuCaptionA{color:white;

/* padding-left: 9px;*/
}

 .opened #sround0{display: block;}
  .opened #sround1{display: block;}
   .opened #sround2{display: block; }
    .opened #sround3{display: block}
     .opened #sround4{display: block}
  .opened #sround6{display: block}
 #menu0.opened{ background-color:#050086; /*border-top-right-radius: 20px; */

    margin-left: 0px !important;
    width: 100%;

/*border-bottom-right-radius: 20px;*/ color:black;}


@media (hover: hover) {
 #menu1:not(.opened):hover{
/*  background-color:rgba(248,121,34,0.12);*/
  /*background-color:#F87922; */

 color:black;}

#menu2:not(.opened):hover{
 /*   background-color:rgba(216,8,3,0.12);  */
    
 
    color:black;  
}

#menu3:not(.opened):hover{
   /* background-color:rgba(103,0,172,0.12); */
    
   
    color:black;  
}
#menu4:not(.opened):hover{
   /* background-color:rgba(254,66,173,0.12); */
   
   
    color:black;  
}
#menu5:not(.opened):hover{
 /*  background-color:rgba(5,0,134,0.12); */
   
  
    color:black;  
}

#menu6:not(.opened):hover{
  /*  background-color:rgba(30,150,12,0.12); */
   
    
    color:black;  
}
 }

#menu1.opened{background-color:rgba(248,121,34,1)}
#menu6.opened{background-color:rgba(30,150,12,1)}
#menu2.opened{background-color: #d80803;}
#menu3.opened{background-color:rgba(103,0,172,1);}
#menu4.opened{background-color:#d221fb;}
#menu5.opened{background-color:rgba(5,0,134,1);}
 
 .menuIcZ {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 25px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 9px;
    margin-left: 0px;
  }
  .roundSand2 {width: 43px; height: 43px;}

.roundSand {width: 40px; height: 40px;}

.Ul0{height:0px !important;}
.shortUl{height:320px;}







.sidebar #ul1 a:hover{ background-color:rgba(248,121,34,0.06); border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px}
.sidebar #ul2 a:hover{ background-color:rgba(216,8,3,0.06); border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px}
.sidebar #ul3 a:hover{ background-color:rgba(103,0,172,0.06); border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px}
.sidebar #ul4 a:hover{background-color:rgba(210,33,251,0.06); border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px}
.sidebar #ul5 a:hover{  background-color:rgba(30,150,12,0.06); border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px}
.sidebar #ul6 a:hover{background-color:rgba(5,0,134,0.06); border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px}







#smile_ch {margin-top: 4px}

#thestars1 {

    width: 750px;
    height: 231px;
    position: absolute;
    background-size: contain;
    left: -141px; 
    top: -11px;

}
#mainWrapper { display: block; }

#headerzz {
  height: 178px;
  background-repeat:repeat-x;
  overflow: visible;
   
    margin-top: -4px; 


padding-left:0; 
padding-right:0;

  }

html, body {
    
    overflow-x: hidden;
}

#content .mainContent {padding-top: 30px}
body {background-color: white;}
.hrMenu{ width:85%;height:1px;background-color:#ececec;color:#EEE;outline: none; 
    border: none;margin-top: 12px;}
.arrows {    position: absolute; transform: rotate(90deg); flex: 0;
    right: 13px; 
    top: 13px; 
    width: 6px; }

    .stickerButton {  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 274px;
    height: 47px;
    background: white;
    margin-left: 3px;
    margin-top: 35px;

    border-radius: 32px;
    text-align: center;
    cursor: pointer;
    transition: all 0.1s ease-in-out;

     /*box-shadow: -6px -6px 10px rgb(255 255 255 / 80%), 6px 6px 10px rgb(0 0 0 / 20%);*/
 box-shadow:1px -2px 0px rgb(255 255 255 / 56%), 2px 2px 4px rgb(0 0 0 / 20%);
   }

    .stickerButton span{ user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      line-height: 47px;
      color: #494e58;
      font-size: 1em;
      font-weight: bold;
    }



#menuSHolder2 {opacity: 0  }
#menuLink0 {}


#logo2 { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    left: 63px;
    top: 22px;
    width: 189px;
    height: 53px;
}

#stickButt { display: none; }
#content .mainContent { 
       overflow-x: hidden;
}
.topMenuHolder {margin-top: 14px;    padding-right: 12px;padding-left: 12px;}





#konvtxt { font-size: 0.9em !important;}
#backFoot {

  position:relative;height:0px;background-color:#001;margin-bottom:-71px
}

.butrot{    left: 131px;
    top: 171px;
    display: block;
    pointer-events: all;
    box-sizing: border-box;
    position: absolute;
        font-family: 'verdana_pro';
    font-size: 0.9em;
    position: absolute;
    background-color: #0C0FAB;
    opacity: 0.9;
    width: 86px;
    cursor: pointer;
    padding-top: 7px;
    border: none;
    padding-bottom: 8px;
    border-radius: 20px;
    color: white;
    border-radius: 24px;
    box-shadow: 1px 1px 0px 0px #3e0e0a45;
    text-align: center;
    font-size: 0.9em;}

.therainbow {background-image: url(r1.webp);}


  .therainbow {   

    position: absolute;
       top: 64px;
    left: 109px;
    height:83px;
    z-index: 150;
    width: 202px;
    -webkit-mask-image: url(images/newdesign/rainbowmask9.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size:400px;
    -webkit-mask-position:400px;


    }
}
.goRainbow { 
  animation: do-rainbow 80s linear forwards;

}

@keyframes do-rainbow {
  0% {-webkit-mask-position: -270px;opacity: 1;}

100% {opacity: 1;    -webkit-mask-position: 300px;}
}



.goRainbowV1 { 
  animation: do-rainbowV1 40s linear forwards;

}

@keyframes do-rainbowV1 {
  0% {-webkit-mask-position: 0px;opacity: 1;}

100% {opacity: 1;    -webkit-mask-position: 300px;}
}


.goRainbowV2 { 
  animation: do-rainbowV2 70s linear forwards;

}

@keyframes do-rainbowV2 {
  0% {-webkit-mask-position: -200px;opacity: 1;}

100% {opacity: 1;    -webkit-mask-position: 300px;}
}







.goRainbow1 { 
  animation: do-rainbow1 80s linear infinite forwards;

}

@keyframes do-rainbow1 { 
  0% {-webkit-mask-position: -350px;opacity: 1;}
 35%{opacity: 1;-webkit-mask-position: -170px;}
100% {opacity: 1;    -webkit-mask-position: 300px;}
}

    

#sticksWrapper {  
  display: none;
    width: 100%;
    position: fixed;  
    z-index: 4682;
    height: 100%;
    pointer-events: none;
  } 
#catzag { 
   
    position: relative;}




#theRoseL {display: block;
    position: absolute;
    width: 591px;
     height: 440px;
     transform: scale(0.25);
    z-index: 4000;
  
        left: -237px;
    top: -184px;
    background-image: url(images/_chcat/o.png);
    background-size: cover;
    background-repeat: no-repeat;}
#theRoseR {    display: block; 
  background-image: url(images/_chcat/bigroz.png);
    background-size: cover;
    background-repeat: no-repeat;
       position: absolute;
    width: 20px;
    height: 29px;
    z-index: 4000;
    right: -11px;
    top: 42px;
   }


h2{    font-size: 1.07em !important; text-align: center;}

.sidebar {
 z-index: 99999999; 
}
  #logo1 {
    display: none;
    background-image: url(VS.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 51px;
    height: 28px;
    left: 73px;
    top: 18px;
}
.visibleL1{display: none;}
.collapseArrow { width: 6px; transform: rotate(-90deg); margin-bottom: -1px;margin-left: 7px; }
  #menu1 {margin-top: 10px;}
/*#menu1.opened .menuImHolder{ display: :none; margin-top: 1px; }
#menu2.opened .menuImHolder{ display: :none; margin-top: 1px; }
#menu3.opened .menuImHolder{ display: :none; margin-top: 1px; }
#menu4.opened .menuImHolder{ display: :none; margin-top: 1px; }
#menu5.opened .menuImHolder{ display: :none; margin-top: 1px; }
#menu6.opened .menuImHolder{ display: :none; margin-top: 1px; }

#menu1.opened .arrows{top:10px; }
#menu2.opened .arrows{top:10px; }
#menu3.opened .arrows{top:10px; }
#menu4.opened .arrows{top:10px; }
#menu5.opened .arrows{top:10px; }
#menu6.opened .arrows{top:10px; }*/

 .lCount {font-size: 0.9em !important;color:#2e2e3ecc;} 
@media (min-width:393px) {  
  .visibleL1{display: block !important;}
 #logo1 {
    display: none;
    background-image: url(VS.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 51px;
    height: 28px;
    left: 64px;
    top: 18px;
}
 .lCount {font-size: 13px !important;} 
     #thesticker
    { position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    top: 46px;
    }


#themessage       { top: 30px; }


  #topPanel1
    { 

font-size:14px;

 }



  

.arrows {   
    right: 17px; 
       width: 6px; 
   }
 #menu1.openedCat{ 
 


}


@media (hover: hover) {
 #menu1:not(.opened):hover{

 /* background-color:rgba(248,121,34,0.12);*/
  /*background-color:#F87922; */
 
  
 color:black;}

#menu2:not(.opened):hover{
   /* background-color:rgba(216,8,3,0.12);  */
    
    
  
    
    color:black;  
}

#menu3:not(.opened):hover{
   /* background-color:rgba(103,0,172,0.12); */

    
    
    color:black;  
}
#menu4:not(.opened):hover{
   /* background-color:rgba(254,66,173,0.12); */
   
  
   
    color:black;  
}
#menu5:not(.opened):hover{
  /* background-color:rgba(5,0,134,0.12); */
    
  
    color:black;  
}

#menu6:not(.opened):hover{
 /*   background-color:rgba(30,150,12,0.12); */
   
    
      
    color:black;  
}
 }


#menu1.opened{ background-color:rgba(248,121,34,1);}
#menu2.opened{ background-color:rgba(216,8,3,1);}
#menu3.opened{ background-color:rgba(103,0,172,1);}
#menu4.opened{background-color:rgba(210,33,251,1);;}
#menu5.opened{ background-color:rgba(5,0,134,1);}
#menu6.opened{ background-color:rgba(30,150,12,1);}


.opened .menuCaptionA{color:white;}
   


 #logo2 {
   left: 65px; 
    top: 22px;
                width: 182px; 
    height: 53px;
}




.menuImHolder2{ 
     margin-left: 15px;
    right: 6px; bottom: 6px; 
    
}

.goRainbow { 
  animation: do-rainbow 80s linear forwards;

}

@keyframes do-rainbow {
  0% {-webkit-mask-position: -270px;opacity: 1;}

100% {opacity: 1;    -webkit-mask-position: 300px;}
}



.goRainbowV1 { 
  animation: do-rainbowV1 40s linear forwards;

}

@keyframes do-rainbowV1 {
  0% {-webkit-mask-position: 0px;opacity: 1;}

100% {opacity: 1;    -webkit-mask-position: 300px;}
}


.goRainbowV2 { 
  animation: do-rainbowV2 70s linear forwards;

}

@keyframes do-rainbowV2 {
  0% {-webkit-mask-position: -200px;opacity: 1;}

100% {opacity: 1;    -webkit-mask-position: 300px;}
}







.goRainbow1 { 
  animation: do-rainbow1 80s linear infinite forwards;

}

@keyframes do-rainbow1 {
  0% {-webkit-mask-position: -350px;opacity: 1;}
 35%{opacity: 1;-webkit-mask-position: -170px;}
100% {opacity: 1;    -webkit-mask-position: 300px;}
}


    .therainbow {   

    background-image: url(r1.webp);
    position: absolute;
       top: 64px;
    left: 109px;
    height:83px;
    z-index: 150;
    width: 202px;
    -webkit-mask-image: url(images/newdesign/rainbowmask9.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size:400px;
    -webkit-mask-position:400px;


    }
.sidebar 
    {
      width: 252px;

 
    }


#menuList {width: 252px;}
.menuImHolder2{ 
     
    right: 6px; bottom: 6px; 
    }


.sidebar .menu ul a { 

    color: #242b35   }
    #content .mainContent p {     line-height: 1.76em;font-size: 16px; }

 
  }

.stickIm {
    width: 25px;
    margin-top: 2px;
    margin-left: 15px;
     float: left; 
}
 #stickIcWrapp {width:33px;margin-left:15px} 



@media (min-width:412px) {  
 #stickIcWrapp {width:33px;margin-left:15px} 


  .visibleL1{display: block !important;}
 #logo1 {
    display: none;
    background-image: url(VS.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 51px;
    height: 61px;
    left: 73px;
    top: 22px;
}

.sidebar 
    {
      width: 252px;

 
    }


#menuList {width: 252px;}
.menuImHolder2{ 
     
    right: 6px; bottom: 6px; 
    }
}
            
@media (min-width:568px) { 

.visibleL1{display: none !important;}

  .menuCaptionA {
    font-size: 15px;
}
#thesticker_Val   {  top:0px; }
#themessage       { top: 2px; }

  #maxSWrapper     {

    margin-right: auto; 
     top: 16px; 
    left: 6px;


    }

#topPanel1 {
    /*box-shadow: 0px 4px 4px rgb(18 32 77 / 12%);*/
    box-shadow:0px 4px 4px hsl(226deg 62% 19% / 12%);
   /* font-family: 'RalewayRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: bolder;*/
    font-family: 'RalewayRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   
    /* font-family: 'Raleway', sans-serif; */
    font-size: 14px;
    font-weight: bolder;

       
    
    display: block;
    position: absolute;
    top: 118px;
    left: 0px;
    width: 100%;
    height: 52px;
    z-index: 700;
}
  .topMenuIcons{   float:left;margin-top: 7px;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: block; width:18px; height: 18px;
    vertical-align: middle;
    text-decoration: none; 
    width: max-content;
    color:#242b35;}  


#footerzz {
    position: relative;
    height: 155px;
}

  .topPanelWrapC { 
    margin-left: 0;
       margin-right: 0px;
    margin-left: 0px;
    display: flex;
    
    overflow-y: hidden;
    overflow-x: scroll;
}
 .topMenuHolder {margin-top: 14px;    padding-right: 25px;padding-left: 25px; cursor:pointer;
 border-bottom: 2px solid ; 
border-color:white; 


 }
.topMenuHolder:hover { 
   border-color:#87cefa80;

}

  #thestars1 {
width: 750px;
    height: 235px;
    left: 5px;
   
    top: -9px;
    background-size: contain;
}






#topPanel1
    { 
top:118px;
     font-size:14 px;
display: block; }






} 
            
@media (min-width:600px) {  .lCount {font-size: 14px !important;color:#2e2e3ecc;;} 
  html, body {
    
    overflow-x: initial; 
}
  #headerzz {
 
  overflow: hidden;
  

  }
  

    .menuCaptionA {
    font-size: 15px;
}


#maxSWrapper     {   
    top: 16px; 
    left: 22px;
    }

  #thestars1 {
width: 100%;
    left: 5px;
    height: 453px;
    top: -17px;
    background-size: contain; 
}

}           
            @media (min-width:750px) {
.topPanelWrapC {justify-content: center;}
.flypanel  {justify-content: flex-start !important;}
         }
         
@media (min-width:801px) {
 #stickIcWrapp {width:33px;margin-left:12px}
}
 

@media (min-width:1040px){
#sticksWrapper {top:240px !important; }

#maxSWrapper {
  left: 10px !important;
    top: -202px !important;
}


#stickIcWrapp {width:33px;margin-left:13px} 
  #content .mainContent p {    font-size: 15px; }
.arrows {right: 15px;
    top: 11px;
    width: 6px;
}

#topPanelFixed {display: none;}


.stickIm {
    width: 25px;
    margin-top: 0px;
    margin-left: 12px;
    float: left;
    cursor: pointer;
}


#menu1 {margin-top: 20px;}



   .menuCaptionA {  
    font-size: 14px;
    margin-left: 10px;color: #242b35;;
    padding-left: 0px;}

  .opened .menuCaptionA{padding-left: 0px; font-size: 14px;}


  .menuImHolder{ width: 29px; height: 29px;  margin-left: 11px; margin-right: 10px;}


#sround1 {
   background-size: 17px 16px;
    background-position: 6px 6px;

}
 
#sround2 {

     background-size: 17px 16px;
    background-position: 6px 7px;
}


#sround3 {
   background-size: 17px 16px;
   background-position: 6px 6px;
}
#sround4 {
    background-position: 5px 5px;
    background-size: 19px;
}

#sround5{
    background-size: 16px 16px;
    background-position: 6px 6px;


}
#sround6 {
    background-size: 16.5px 16.5px;
    background-position: center 7px;
}



  .menuItemA {width: 208px;margin-left: 0px;}

#menu1.opened .menuImHolder{  }
  .sidebar .menu ul a { padding-left: 21px; }
.menuCaptionA {        font-family: 'verdana_pro';font-weight: 100; }




.sidebar {

    display: none;
    box-shadow: none;
    border-right: none !important;
    background-color: white;
    width: 224px; position: absolute;
  
    left: calc((100% - 1040px) / 2 );
    height: 100%;
}
 #menuList {   
width: 237px;
     position: absolute;padding-right: 3px; 
overflow-y: scroll;

   }


.sidebar .menu ul  { overflow: hidden !important; padding-right: 0px;}


#content .mainContent p { line-height: 1.8em}


#theRoseL {
    width: 592px;
     height: 440px;
     transform: scale(0.25);
    z-index: 4000;
  
        left: -238px;
    top: -184px;
   }
#theRoseR { 
    width: 96px;
    height: 124px;
    transform: scale(0.25);
    z-index: 4000;
    left: 561px;
    top: 1px;
  }


#footerzz {
    position: relative;
    height: 210px;
}

.topPanelWrapC {
    display: flex;
    justify-content: space-evenly;
    overflow-y: hidden;
    overflow-x: scroll; 
     margin-left: 39px;       
    margin-right: 39px;
}
   
   .topMenuHolder {margin-top: 14px;    padding-right: 39px;padding-left: 39px; cursor:pointer;
 border-bottom: 2px solid ;  
border-color:white; 


 }

  #menuSHolder2 {opacity: 0  } 

#headerzz {
      background-image: url(q4_4.png);
    margin-top: -9px;
    height: 201px;
    box-sizing: inherit;
    padding-left: 0;
    padding-right: 0;

}

#backFoot {

  position:relative;height:0px;background-color:#001;margin-bottom:-50px
}



.sidebar 
    {top: -12px;
      background-color:transparent;
    display: block;
     height: 99%; z-index: 99999;
  /*   height: 734px;*/
    }

  #content .mainContent { 
    overflow:visible;
}
  #stickButt { display: block; }





    .therainbow {   

    background-image: url(r1.webp);
    position: absolute;
    top: 81px;
    left: 300px;
    height:83px;
    z-index: 150;
    width: 292px;
    -webkit-mask-image: url(images/newdesign/rainbowmask9.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size:400px;
    -webkit-mask-position:400px;
transform: scale(0.86);

    }




#logo2 {
    cursor: pointer;
    left: 19px;
    top: 26px;
  /*  width: 207px;*/
  width: 220px;
    height: 53px;
}
.topMenuIcons a:visited{
  
    color:rgba(18,32,77,0.9) !important;}  

   

 
body {    background-color: #001;}













#thestars1 {
    width: 1043px;
   /* height: 231px;*/
    position: absolute;
    background-size: contain;
    left: 12px;
    top: -24px;
}
  
 


  #thesticker
    {   
    position: absolute;
    z-index: 8000;
    left: 1px;  
    top: -190px;
    }


 #maxSWrapper
    {   
    position: absolute;
    z-index: 8000; 
    left: 3px;
    top: -235px; 
    }

 #mxtext   {padding: 0px !important;} 
#konvtxt { font-size: 0.9em !important; padding-left: 5px !important; padding-right: 5px !important;}
#thesticker_Val {
    position: absolute;
    z-index: 8000;
    left: 19px;
    top: -190px;
    filter: drop-shadow(8px 3px 2px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.38));
    width:185px;
    height:auto;
}
    #themessage
    {   
    position: absolute;
    z-index: 8000;
    left: 10px;
    top: 0px;
    }
#prya1{font-size: 14px;line-height: 1.34em} 
#piptxt{    font-size: 1.0em;line-height: 1.34em;   } 








    #topPanel1
    { 
    top: 160px;
       
    
      font-family:'verdana_pro';
    font-weight: 100;
    

    font-size: 14px;
    display: block; 

z-index: 99999;
  }

.wBackDesk{ 
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9999999999;
    position: absolute;
    background-color: rgba(255,255,255,0.2);
    left: 0px;
    top: -227px;
}
#links {
  
    z-index: 9999999999;
  }
    .letterCh {
    width: 36px; 
    right: 17px;
    top: 8px;  
}

  #MainItemA{margin-top: 0;}
  

/* .arrow1 {
  float:right; line-height: inherit;padding-right: 9px;   
    padding-top: 2px; color:  rgba(41,130,194,0.2);opacity: 1;
}
*/


.aBlack {color: #242b35;;padding-left: 0px;}





  :root {--mobVer:0;
       --openedMenu:1;
       --shortMenuH:248;
        } 
 



  #menuFixed {width: 1040px; 
background-color: none !important;
  top: 0px;  
    left: calc((100% - 1040px) / 2);
    z-index: 4500;
    opacity: 1;}

#content .mainContent {padding-left: 208px;padding-top: 31px}


#buttonMenuMob {display: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor:pointer;
width: 38px;margin-top: 3px; padding-left: 0px;
    margin-left: 9px;
 }
#menuWrappa2 {
  
    top: 192px;
  margin-left: 19px; 
} 
.buttonMenuCircleZ
    { cursor: pointer;
    height: 36px;
    width: 36px;
    /* background-color: rgba(255,255,255,0.1); */
    background-color: #f7f7f7;
    border-radius: 50%;
    display: block;
   box-shadow: 0px 2px 5px #aaa, inset 0px 2px 3px #fff;
    position: absolute;
    z-index: -1;
    left: 13px;
    top: 15px;
    top: 4px;
    }



    
#logoBG{

   position: absolute;
           width: 215px;
    border-radius: 32px;
    background-color:rgb(0 0 7 / 0);
    height: 35px;
    left: 83px;
    top: -4px;
}


#bHome{width: 25px;    margin-top: -13px;}




#menuLink0 {}
.panelIc {display: block;}
#indexLink { display: none; }



#smile_ch {margin-top: -11px}

 #menu1.opened{ margin-top: 20px;
    width:  208px;  }
#menu6.opened{
 
    width:  208px;
  }



#menu2.opened{
    width:  208px;
 
   }
#menu3.opened{ 
    width:  208px;

     }
#menu4.opened{ 

    width:  208px;
 
     }

#menu5.opened{ 

    width:  208px;

     }



#aColor1 {
  display: none;
fill:rgba(255, 255,255,0);

}
#aColor2 {
fill:rgba(255, 255,255,0);
 
}
#aColor3 {
fill:rgba(255, 255,255,0);

}
#aColor4 {
fill:rgba(255, 255,255,0);
 
}
#aColor5 {
fill:rgba(255, 255,255,0);
 
}
#aColor6 {
fill:rgba(255, 255,255,0);
  
}


}