@font-face{ font-family: 'RobotoCondensed'; src: url('/fonts/RobotoCondensed-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face{ font-family: 'Roboto'; src: url('/fonts/Roboto-Thin.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap;}
@font-face{ font-family: 'Roboto'; src: url('/fonts/Roboto-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face{ font-family: 'Roboto'; src: url('/fonts/Roboto-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face{ font-family: 'Roboto'; src: url('/fonts/Roboto-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face{ font-family: 'Roboto'; src: url('/fonts/Roboto-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap;}
@font-face{ font-family: 'Roboto'; src: url('/fonts/Roboto-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap;}

*{
  position: relative;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: 'Roboto';
  transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  font-size: 15px;
}

html, body{
  min-height: 100vh;
  background-repeat: repeat;
  scroll-behavior: smooth;
}

a{
  color: #0470cf;
}

ul li{
  list-style-image: url('/img/li.png');
  list-style-position: outside;
  margin-left: 19px;
  line-height: 140%;
}

.both{
  clear: both;
}

.page{
  width: 100%;
}



.logo_cont{
  max-width: 860px;
  margin: 0px auto;
  height: 0px;
}

.logo{
  position: absolute;
  left: 0px;
  top: 12px;
  z-index: 10;
}

.logo img{
  width: 150px;
}

.vrch_menu_cont{
  border-bottom: 1px solid #687c8c;
  height: 50px;
  box-shadow: 1px 1px 2px #0003;
  position: sticky;
  top: 0px;
  background-color: #fff;
  z-index: 999;
}

.vrch_menu{
  max-width: 860px;
  margin: 0px auto;

  background-color: white;
}

.vrch_menu_odkazy{
  padding-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.vrch_menu_odkazy a{
  font-family: 'RobotoCondensed';
  font-size: 17px;
  text-transform: uppercase;
  text-decoration: none;
  color: #355065;
  padding: 0px 9px;
  padding-bottom: 3px;
  border-bottom: 1px solid #fff;
  flex-grow: 1;
  text-align: center;
}

.vrch_menu_odkazy a:hover{
  border-bottom: 1px solid #355065;
  text-shadow: 0px 0px 1px #00000075;
}

.vrch_reference{
  height: 400px;
  width: 100%;
  z-index: 5;
}

.vrch_reference_blok{
  box-shadow: inset 1px 1px 4px #00000082;
  height: 400px;
  background-size: cover;
  background-position: center center;
}

.vrch_reference_text{
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 860px;
  /*width: 970px;*/
  margin: 0px auto;
  padding-top: 60px;
}

.vrch_reference_text h1{
  color: #fff;
  font-weight: 300;
  font-weight: 300;
  font-size: 45px;
  text-shadow: 1px 1px 1px #000;
  overflow: hidden;
  max-height: 160px;
}

.vrch_reference_text h2{
  color: #fff;
  font-weight: 200;
  font-size: 25px;
  text-shadow: 1px 1px 1px #000;
  margin: 8px 0px 20px 0px;
}

.vrch_reference_text a{
  display: block;
  color: #363a3d;
  text-decoration: none;
  font-weight: 600;
  padding: 10px;
  background-color: #ffffffb0;
  border-radius: 7px;
  width: 160px;
  text-align: center;
  box-shadow: 2px 2px 2px #0000004f;
}

.info_cont{
  padding: 50px 0px;
  /*margin-top: 30px;*/
  background: linear-gradient(159deg,rgb(255, 255, 255) 50%, rgb(205, 205, 205) 100%);
  background: url('/img/back5.webp'), linear-gradient(159deg,rgb(255, 255, 255) 50%, rgb(205, 205, 205) 100%);
}
.info{
  max-width: 860px;
  margin: 0px auto;
}

.info h1{
  font-weight: 300;
  color: #32526b;
  font-size: 35px;
  border-bottom: 1px solid #687c8c;
  padding-bottom: 5px;
}

.info h2{
  font-weight: 300;
  color: #32526b;
  font-size: 25px;
  padding-top: 5px;
}
.info p{
  font-weight: 400;
  color: #32526b;
  font-size: 16px;
  margin: 10px 0px;
  line-height: 130%;
}

.profil_spolecnosti_cont{
  padding: 50px 0px;
  background: url('/img/back5.webp'), linear-gradient(159deg,rgb(255, 255, 255) 50%, rgb(205, 205, 205) 100%);
}
.profil_spolecnosti{
  max-width: 860px;
  margin: 0px auto;
}

.profil_spolecnosti h1{
  font-weight: 300;
  color: #32526b;
  font-size: 35px;
  border-bottom: 1px solid #687c8c;
  padding-bottom: 5px;
}

.profil_spolecnosti h2{
  font-weight: 300;
  color: #32526b;
  font-size: 25px;
  padding-top: 5px;
}
.profil_spolecnosti p{
  font-weight: 400;
  color: #32526b;
  font-size: 16px;
  margin: 10px 0px;
  line-height: 130%;
}

.aktuality_cont{
  background: #697D8C;
  background: linear-gradient(142deg,rgba(105, 125, 140, 1) 0%, rgba(131, 148, 161, 1) 100%);
  min-height: 170px;
  box-shadow: inset 1px 1px 4px #00000082;
}

.aktuality{
  max-width: 860px;
  margin: 0px auto;
  padding: 20px 0px;
}

.aktuality h3{
  color: #fff;
  font-weight: 300;
  font-size: 21px;
  border-bottom: 1px solid #fff;
  padding-bottom: 7px;
}

.aktuality h3 a{
  position: absolute;
  top: 0px;
  right:0px;
  width: 112px;
  height: 23px;
  color: white;
  font-weight: 400;
  text-decoration: none;
  display: block;
  background-color: #fff3;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  border-radius: 4px;
}

.aktuality h3 a:hover{
  background-color: #fffc;
  color: #32526b;
}

.aktuality_bloky{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.aktuality_blok{
  flex: 1;
  color: white;
  font-size: 15px;
  padding-top: 15px;
}

.aktuality_blok strong{
  font-weight: 500;
  line-height: 20px;
}

.aktuality_blok p{
  font-weight: 300;
}

.nabizime_cont{
  padding: 50px 0px;
  background: linear-gradient(159deg,rgb(255, 255, 255) 50%, rgb(205, 205, 205) 100%);
  background: url('/img/back5.webp'), linear-gradient(159deg,rgb(255, 255, 255) 50%, rgb(205, 205, 205) 100%);
}
.nabizime{
  max-width: 860px;
  margin: 0px auto;
}

.nabizime h1{
  font-weight: 300;
  color: #32526b;
  font-size: 35px;
  border-bottom: 1px solid #687c8c;
  padding-bottom: 5px;
}

.nabizime_bloky{
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.nabizime_blok{
  flex: 1;
}
.nabizime_blok_img{
  height: 265px;
  background-repeat: no-repeat;
  background-position: center 20px;
  border-bottom: 1px solid #687c8c;
  padding-bottom: 20px;
  background-size: auto 170px;
}
.nabizime_blok_img_1{
  background-image: url('/foto/bloky/9.webp');
}
.nabizime_blok_img_2{
  background-image: url('/foto/bloky/2_9.webp');
}
.nabizime_blok_img_3{
  background-image: url('/foto/bloky/3_9.webp');
}

.nabizime_blok strong{
  position: absolute;
  bottom: 20px;
  width: 100%;
  font-weight: 500;
  color: #32526b;
  text-align: center;
  height: 40px;
  display: grid;
  align-content: center;
}

.nabizime_blok ul{
  margin-top: 30px;
}

.nabizime_blok ul li{
  color: #32526b;
  padding-bottom: 7px;
}


.reference_cont{
  background: #697D8C;
  background: linear-gradient(142deg,rgba(105, 125, 140, 1) 0%, rgba(131, 148, 161, 1) 100%);
  min-height: 170px;
  box-shadow: inset 1px 1px 4px #00000082;
}

.reference{
  max-width: 860px;
  margin: 0px auto;
  padding: 20px 0px;
}

.reference h3{
  color: #fff;
  font-weight: 300;
  font-size: 21px;
  border-bottom: 1px solid #fff;
  padding-bottom: 7px;
}

.reference h3 a{
  position: absolute;
  top: 0px;
  right:0px;
  width: 112px;
  height: 23px;
  color: white;
  font-weight: 400;
  text-decoration: none;
  display: block;
  background-color: #fff3;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  border-radius: 4px;
}

.reference h3 a:hover{
  background-color: #fffc;
  color: #32526b;
}

.reference_blok_text{
  width: 245px;
  color: white;
  font-weight: 200;
  font-size: 14px;
  margin-top: 12px;
  float: left;
}

.reference_blok_text span{
  font-size: 14px;
}
.reference_blok_text strong{
  font-weight: 500;
  font-size: 14px;
}

.reference_blok_text_nazev{
  display: block;
  height: 55px;
}

.reference_blok_foto{
margin-left: 250px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-top: 12px;
}

.reference_blok_foto div{
  flex-grow: 1;
  flex-basis: 0;
  height: 108px;
  display: block;
  
}

.reference_blok_foto div img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 7px;
  filter: brightness(0.8) saturate(1.2);
  cursor: pointer;
}

.reference_blok_foto div::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 1px 1px 4px #00000082;
  border-radius: 7px;
  pointer-events: none; /* aby to neblokovalo klikání */
}

.reference_blok_foto div img:hover{
  filter: brightness(1) saturate(1);
}

.reference_blok_foto div.ref_foto_active img{
  filter: brightness(1) saturate(1);
}


.nase_cile_cont{
  padding: 50px 0px;
  background: linear-gradient(159deg,rgb(255, 255, 255) 50%, rgb(205, 205, 205) 100%);
  background: url('/img/back5.webp'), linear-gradient(159deg,rgb(255, 255, 255) 50%, rgb(205, 205, 205) 100%);
}
.nase_cile{
  max-width: 860px;
  margin: 0px auto;
}

.nase_cile h1{
  font-weight: 300;
  color: #32526b;
  font-size: 35px;
  border-bottom: 1px solid #687c8c;
  padding-bottom: 5px;
}

.nase_cile_bloky{
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.nase_cile_blok{
  flex: 1;
}
.nase_cile_blok_img{
  height: 265px;
  background-repeat: no-repeat;
  background-position: center 20px;
  border-bottom: 1px solid #687c8c;
  padding-bottom: 20px;
  background-size: auto 170px;
}
.nase_cile_blok_img_1{
  background-image: url('/foto/bloky/10.webp');
}
.nase_cile_blok_img_2{
  background-image: url('/foto/bloky/2_10.webp');
}
.nase_cile_blok_img_3{
  background-image: url('/foto/bloky/3_10.webp');
}

.nase_cile_blok strong{
  position: absolute;
  bottom: 20px;
  width: 100%;
  font-weight: 500;
  color: #32526b;
  text-align: center;
  height: 40px;
  display: grid;
  align-content: center;
}

.nase_cile_blok ul{
  margin-top: 30px;
}

.nase_cile_blok ul li{
  color: #32526b;
  padding-bottom: 7px;
}

.pata{
  padding-top: 25px;
  background: linear-gradient(142deg,rgba(105, 125, 140, 1) 10%, rgba(131, 148, 161, 1) 100%);
  box-shadow: inset 1px 1px 4px #00000082;
}
.pata_kontakt_cont{
  max-width: 860px;
  margin: 0px auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.pata_kontakt{
  color: white;
}
.pata_kontakt{
  width: 180px;
  font-size: 17px;
  font-weight: 300;
  line-height: 130%;
  display: grid;
  align-content: end;
}

.pata_kontakt strong{
  font-size: 17px;
  font-weight: 500;
}
.pata_logo{
  width: 200px;
  height: 101px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('/img/logo.png');
}
.pata_logo_2{
  display: none;
  width: 200px;
  height: 101px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('/img/logo.png');
}
.pata_kontakt_2{
  width: 180px;
  color: white;
  text-align: right;
  line-height: 130%;
  display: grid;
  align-content: end;
}
.pata_kontakt_2 a{
  color: white;
  text-decoration: none;
  font-size: 17px;
  text-align: right;
  font-weight: 300;
}
.pata_copy{
  display: block;
  clear: both;
  text-align: center;
  font-weight: 200;
  font-size: 13px;
  margin-top: 10px;
  padding-bottom: 10px;
  color: white;
}




.phobo_cont{
  
}

.fotogalerie_foto_cont{
  width: 33.3%;
  width: 25%;
  float: left;
  padding: 5px;
  /*height: 193px;*/
}

.fotogalerie_foto{
  width: 100%;
  height: 130px;
  object-fit: cover;
  box-shadow: 1px 1px 2px #0000007d;
  cursor: pointer;
}

.fotogalerie_foto:hover{
  filter: contrast(1.2) brightness(1.1);
}

.fotogalerie_galerie_cont{
  width: calc(33.3% - 10px);
  float: left;
  padding: 15px;
  background-color: #fff;
  margin: 5px;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 1px #0000002e;
  cursor: pointer;
  height: 199px;
}

.fotogalerie_galerie_cont:hover{
  background-color: #f3efec;
}

.fotogalerie_galerie{
  width: 100%;
  height: 130px;
  object-fit: cover;
  
  cursor: pointer;
}

.fotogalerie_galerie:hover{
  filter: contrast(1.2) brightness(1.1);
}

.phobo_text{
  font-size: 13px;
  display: inline-block;
  line-height: 20px;
  display: none;
}

.blok_tab{
  width: 100%;
}

.blok_tab a{
  text-decoration: none;
  color: black;
  font-size: 18px;
}

.blok_tab tr{
  height: 30px;
}

.blok_tab td{
  padding: 5px 10px;
}
.blok_tab th{
  padding: 5px 10px;
}

.blok_tab tr:nth-child(even){
background: #ffffff;
}
.blok_tab tr:nth-child(odd){
background: #123b5017;
}

.blok_tab_small{
  width: 100%;
  display: none;
}

.blok_tab_small a{
  text-decoration: none;
  color: black;
  font-size: 18px;
}

.blok_tab_small tr{
  height: 30px;
}

.blok_tab_small td{
  padding: 5px 10px;
}
.blok_tab_small th{
  padding: 5px 10px;
}

.blok_tab_small tr:nth-child(even){
background: #ffffff;
}
.blok_tab_small tr:nth-child(odd){
background: #123b5017;
}

.submenu{
  position: absolute;
  width: 170px;
  top: 30px;
  background-color: #5e5e5ead;
  z-index: 99;
  text-align: left;
  margin: 0px auto;
  left: 0px;
  display: none;
  padding-bottom: 3px;
}

.submenu a{
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 5px 20px;
  text-decoration: none;
  display: inline-block;
  letter-spacing: 0.3px;
  border-bottom: 2px solid #d0e3ed00;
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  width: calc(100% - 6px);
  margin: 0px 3px;
}

.submenu a:hover{
  border-bottom: 2px solid #fff;
  color: #fff
}

.menu_hide{
  display: none;
}

.blok_tab_small tr td{
  line-height: 150%;
}
.none{
  display: none;
}

.gal_next_button{
  margin: 0px auto;
  display: block;
  padding: 8px 55px;
  text-transform: uppercase;
  background-color: #123b50;
  border: 0px solid #7794a3;
  border-radius: 3px;
  color: #d0e3ed;
  cursor: pointer;
}

.rb_img{
  margin: 10px 0px;
}
.rb_img img{
  max-width: 100%;
}

.rb_vid video{
  max-width: 100%;
}

.rb_01 div.rb_txt{
  width: 50%;
  float: left;
  padding-right: 20px;
}
.rb_01 div.rb_img{
  width: 50%;
  float: left;
}
.rb_02 div.rb_txt{
  width: 50%;
  float: left;
  padding-right: 20px;
}
.rb_02 div.rb_img{
  width: 50%;
  float: left;
  padding-right: 20px;
}

.rb_06 div.rb_img{
  width: 50%;
  float: left;
  padding-right: 20px;
}

.rb_07 div.rb_img{
  width: 33.3%;
  float: left;
  padding-right: 10px;
}

.rb_11 div.rb_txt{
  width: 50%;
  float: left;
  padding-right: 15px;
}

.rb_11 div.rb_txt img{
  max-width: 100%;
}
.rb_11 div.rb_txt iframe{
  max-width: 100%;
}

.rb_13 div.rb_img{
  margin-top: 10px;
}

.podstranka li{
  margin-left: 16px;
  padding-left: 4px;
}

.rb_txt table tr td, .rb_txt table tr th{
  padding: 3px 10px;
}

.soubor_blok{
  display: block;
  padding: 5px 15px;
  background-color: #a1bd20;
  border-radius: 8px;
  float: left;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  font-weight: bold;
  color: white;
  background-image: url('../img/dn.png');
  background-repeat: no-repeat;
  background-position: 7px 4px;
  padding-left: 37px;
  line-height: 24px;
  font-size: 15px;
}

.soubor_blok:hover{
  opacity: 0.7;
}

.rb_txt{
  font-weight: 400;
  color: #32526b;
  font-size: 16px;
  margin: 10px 0px;
}

.rb_txt strong{
  color: #32526b;
  font-size: 17px;
}

.fotogalerie_nazev_blok{
  font-weight: 400;
  color: #32526b;
  font-size: 18px;
  padding: 5px 0px;
}

.fotogalerie_text_blok{
  color: #32526b;
  font-size: 14px;
}

.rb_13 .rb_img{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.fotogalerie_13_foto_cont{
  width: calc(25% - 4px);
  padding: 5px;
  height: 265px;
}

.rb_13 h2{
  border-bottom: 1px solid #687c8c;
}

.fotogalerie_13_foto_cont .fotogalerie_foto{
  box-shadow: none;
  cursor: pointer;
  border-radius: 5px;  
}

.info h2{
  border-bottom: 1px solid #687c8c;
  margin-bottom: 10px;
  padding-bottom: 3px;
  padding-bottom: 8px;
}

.info h1{
margin-bottom: 20px;
}

.zaznam{
  clear: both;
  margin-bottom: 10px;
  height: 90px;
  padding-top: 10px;
}

.zaznam_img{
  width: 90px;
  margin-right: 10px;
  height: 90px;
  text-align: center;
  float: left;
}

.zaznam_hodnoty{
  float: left;
  width: calc(100% - 100px);
}

.zaznam_img img{
  width: 90px;
  height: 90px;
  object-fit: cover;
  object-position: center;
  background-color: white;
  padding: 0px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
}

.zaznam_img img:hover{
  filter: brightness(1.2) saturate(1.1);
  cursor: pointer;
}

.zaznam_img_p{
  width: 80px;
  margin-right: 10px;
  height: 80px;
  text-align: center;
  float: left;
  background-color: transparent;
}

.zaznam_img_p img{
  width: 80px;
  height: 80px;
  object-fit: contain;
  object-position: center;
  background-color: transparent;
  padding: 5px;
}

.zaznam_nazev{
  font-size: 18px;
  font-weight: 500;
  color: black;
  /*display: block;*/
  text-decoration: none;
  padding-left: 10px;
}

.zaznam_nazev small{
  font-weight: 400;
  font-size: 11px;
}

.zaznam_popisek{
  font-size: 15px;
  font-weight: 300;
  color: black;
  display: block;
  text-decoration: none;
  padding-left: 10px;
  height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 150%;
}

.zaznam_popisek_auto{
  font-size: 15px;
  font-weight: 300;
  color: black;
  display: block;
  text-decoration: none;
  padding-left: 10px;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ref_blok_cont{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 230px;
}

.ref_blok_cont span{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 230px;
  display: block;
}

#ref_blok_1{
  
}

a.odkaz_kovo{
  display: block;
  max-width: 100%;
  margin-top: 30px;
  
}

a.odkaz_kovo img{
  width: 100%;
  box-shadow: 1px 1px 3px #00000070;
}

.rb_txt{
  line-height: 130%;
}

.info h3{
  font-weight: 500;
  color: #32526b;
  font-size: 20px;
  padding-top: 5px;
  border-bottom: 0px;
  margin-bottom: 3px;
  padding-bottom: 5px;
  background-image: url('/img/li.png');
  background-repeat: no-repeat;
  padding-left: 17px;
  background-position: 0px center;
}

.menu_icon{
  position: absolute;
  top: 9px;
  right: 12px;
  display: none;
}

.aktualne {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 0;
  pointer-events: none;
}
.aktualne.aktivni {
  display: block;
  opacity: 1;
  z-index: 10;
  pointer-events: auto;
}

.reference_blok{
  height: 115px;
}

.reference h3 span{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 23px;
  color: white;
  font-weight: 400;
  text-decoration: none;
  display: block;
  background-color: #fff3;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
}

.reference h3 span:hover{
  background-color: #fffc;
  color: #32526b;
}

.reference h3 span.akt_arr_1{
  right: 50px;
}

.kariera_cont{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
}
.kariera_blok{
  margin: 0px 0px 10px 0px;
  padding: 15px 25px 25px 25px;
  background-color: #32526b30;
  width: 100%;
}

.kariera_blok h3{
  font-weight: 600;
  font-size: 22px;
  border-bottom: 1px solid #687c8c;
  margin-bottom: 15px;
  padding-bottom: 8px;
}

.kariera_blok strong{
  color: #32526b;
  font-size: 18px;
  font-weight: 500;
  display: block;
  margin: 5px 0px 5px 0px;
}

.kariera_blok_vic{
  flex: 0 0 calc(50% - 10px);
}

.kariera_blok strong.kariera_blok_nabizime{
  margin-top: 15px;
}

.kontakty_bloky{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.kontakty_bloky p{
  /*min-width: 286px;*/
  flex: 0 0 calc((100% - (2 * 10px)) / 3);
  padding-bottom: 15px;
}

.vrch_menu_logo{
  position: absolute;
  top: 8px;
  left: 15px;
  display: none;
  text-decoration: none;
}

.vrch_menu_logo.is-visible{
  display: block;
}

.vrch_menu_logo img{
  width: 60px;
}
.vrch_menu_logo span{
  position: absolute;
  top: 10px;
  left: 65px;
  color: #454c52;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
  width: 100%;
  display: block;
  white-space: nowrap;
}