:root {
  --colorLead1: #e51231;
  --colorMain: #000000;
  --colorMain2: #fcdd3f;
  --colorMain3: #f9a450;  
  --colorMain4:#31af36;
  --colorMain5:#7b3f00;
  --colorMain6: #417586;
  --colorMain7: #6495ED;
  
}


.react_bottom_menu {
  display: flex;
  height: 100%;
}

.react_bottom_menu_item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; 
  padding-top: 4px;
  padding-bottom: 2px;
  text-decoration: none;
  color: inherit;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.react_bottom_menu_item:hover
{
  background-color:#f0f1f2;
  color: inherit;
}


.react_bottom_menu_item img {
  width: 24px;
  height: 24px;
  margin-bottom: 2px;
  pointer-events: none;
}

.react_bottom_menu_itemlabel {
  font-size: 11px;
  line-height: 13px;
  max-width: 100%;
  padding: 0 2px;
  word-break: break-word;
  text-align: center;
  height: 28px; 
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}






@keyframes rotate-mailicon {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.rotate-mailicon {
  animation: rotate-mailicon 0.6s linear 2;
}



.cms_master_default_footer_img
{
  content: url("../asset/images/logo/vklogo2.png");
}

.cms_topmenu_kislogo_img
{
  content: url("../asset/images/system/vklogo2.png");
}


@font-face {
  font-family: "CmsDefault";
  src: url("../misc/fonts/poppins/Poppins-Light.eot");
  src: url("../misc/fonts/poppins/Poppins-Light.eot?#iefix") format('embedded-opentype'),
       url("../misc/fonts/poppins/Poppins-Light.ttf") format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "CmsDefault";
  src: url("../misc/fonts/poppins/Poppins-Regular.eot");
  src: url("../misc/fonts/poppins/Poppins-Regular.eot?#iefix") format('embedded-opentype'),
       url("../misc/fonts/poppins/Poppins-Regular.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "CmsDefault";
  src: url("../misc/fonts/poppins/Poppins-Medium.eot");
  src: url("../misc/fonts/poppins/Poppins-Medium.eot?#iefix") format('embedded-opentype'),
       url("../misc/fonts/poppins/Poppins-Medium.ttf") format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "CmsDefault";
  src: url("../misc/fonts/poppins/Poppins-Bold.eot");
  src: url("../misc/fonts/poppins/Poppins-Bold.eot?#iefix") format('embedded-opentype'),
       url("../misc/fonts/poppins/Poppins-Bold.ttf") format('truetype');
  font-weight: 700;
  font-style: normal;
}


@font-face {
  font-family: "CmsDefault_orig";
  src: url("../misc/fonts/raleway/Raleway-Light.ttf") format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "CmsDefault_orig";
  src: url("../misc/fonts/raleway/Raleway-Medium.ttf") format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "CmsDefault_orig";
  src: url("../misc/fonts/raleway/Raleway-Regular.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
}



#ServerScript
{
  display:none;
}

body, html
{
    padding:0px;
    margin:0px;
    min-height: 100%;
    height:100%;
    background-color: #fff !important;
    font-size: 16px;
    line-height: 24px;
    font-family: "CmsDefault";
    text-align: left;
    /*
    background-image: url(bgbody_default.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: fixed;    
    */

    /* scrollbar-width: thin; */
    
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";    
    
    scroll-behavior: smooth;
 }

body
{
  padding-top: 0px;
  /*
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  */
}

/*
html
{
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
*/

div
{
  box-sizing:border-box;
}


.grc-body-noscroll
{
  overflow: hidden;
  /* padding-right:8px; */
}

.grc-body-noscroll-norightpad
{
  overflow: hidden;
}

.scrollbarthinstyle
{
  scrollbar-width: thin;
}

/* width */
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #f0f1f2; 
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 8px;
    border:solid 2px #f0f1f2;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--themecolor6); 
  }

  ::moz-scrollbar-color: #888 #f0f1f2;
  ::moz-scrollbar-width: thin;  



.grc-noselect {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.cms_fullwidth_lane
{
  width:100%;
  box-sizing:border-box;
}

.cms_maincont_lane
{
  width:100%;
  display:block;
  box-sizing: border-box;
  margin-left:auto;
  margin-right: auto;
  /* max-width: 1200px; */
}



#appcont
{
  min-height:100%;
  position: relative;
  padding: 0px;
  margin: 0px;
  display:block;
  box-sizing:border-box;
}


#app
{
  min-height:100%;
  position: relative;
  padding-bottom: 0px;
  display:block;
  box-sizing:border-box;
}


.cms_scrollup
{
  display:inline-block;
  box-sizing: border-box;
  width:50px;
  height:50px;
  background-color: var(--themecolor6);
  color:#fff;
  font-size:25px;
  line-height:25px;
  text-align: center;
  padding-top:12px;
  position: fixed;
  bottom:10px;
  right:10px;
  border-radius: 25px;
  z-index:50000;
  box-shadow: 0px 0px 1px 2px rgba(255,255,255,0.95);
  -webkit-box-shadow: 0px 0px 1px 2px rgba(255,255,255,0.95);
  -moz-box-shadow: 0px 0px 1px 2px rgba(255,255,255,0.95);  
  }

.cms_scrollup:visited
{
  color:#fff;
}

.cms_scrollup:hover
{
  color:#fff;
}


.render_cont
{
  width:100%;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.5s;
}

.render_cont_done
{
  opacity:1;
}

.cms_codecomment
{
  width:100%;
  box-sizing:border-box;
  display:none;
}

.cms_codecomment_start
{
  width:100%;
  box-sizing:border-box;
  display:none;
}

.cms_codecomment_end
{
  width:100%;
  box-sizing:border-box;
  display:none;
}

.cms_codecomment_accordion_init
{
  width:100%;
  box-sizing:border-box;
  display:none;
}

.cms_codecomment_accordion_section
{
  width:100%;
  box-sizing:border-box;
  display:none;
}

.cms_code_settings_container
{
  width:100%;
  box-sizing:border-box;
  display:none;
  text-align:left;
}

.pagecontent_container
{
  min-height: calc(100vh - 200px);
  padding-top:66px;
  /*
  background: transparent url(../asset/images/system/brush-background-2.svg) left top no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: 200%;
  */
}

.pagecontent_container_apps_default
{
  min-height: calc(100vh - 200px);
  padding-top:70px;
  /*
  background: transparent url(../asset/images/system/brush-background-2.svg) left top no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: 200%;
  */
}






/*
html:not([data-scroll='0']) .cms_megamenu_mainmenu .megamenu_line1_table
{
  display: table;
}

html:not([data-scroll='42']) .cms_megamenu_mainmenu .megamenu_line1_table
{
  display: none;
}
*/

.cms_slideitem
{
  width:100%;
  box-sizing:border-box;
  display:block;
  margin:0px;
  padding:0px;
  border:none;
}

.cms_text_size_1
{
  font-size:6px;
  line-height:9px;
}

.cms_text_size_2
{
  font-size:8px;
  line-height:12px;
}


.cms_text_size_3
{
  font-size:10px;
  line-height:15px;
}

.cms_text_size_4
{
  font-size:15px;
  line-height:23px;
}

.cms_text_size_5
{
  font-size:20px;
  line-height:30px;
}

.cms_text_size_6
{
  font-size:25px;
  line-height:37px;
}

.cms_text_size_7
{
  font-size:30px;
  line-height:45px;
}

.cms_text_size_8
{
  font-size:35px;
  line-height:53px;
}

.cms_text_size_9
{
  font-size:40px;
  line-height:60px;
}

.lnk_cookie_settings
{
  color:var(--themecolor6);
}

.lnk_cookie_settings:visited
{
  color:var(--themecolor6);
}

.lnk_cookie_settings:hover
{
  color:var(--themecolor6);
}

@media (max-width:1366px)
{
  
}


@media (max-width:1250px)
{
  .cms_maincont_lane
  {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width:800px)
{
  
  .premqm_col
  {
    display:none !important;
  }
  
  .premqm_col_content
  {
    width:100% !important;
    margin:0px !important;
  }

  .pagecontent_container
  {
     padding-top:60px; 
  }

  
}

@media (max-width:600px)
{
  body
  {
    font-size:16px;
    line-height:24px;
  }


}