/*---------------------------------*/
/*-----------NAVIGATION------------*/
/*---------------------------------*/

.header {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.header__menu {
  visibility: hidden;
  position: absolute;
  background-color: rgba(12, 56, 97, 0.89);
  left: 0;
  right: 0;
  top: -20px;
  padding-top: 58px;
  opacity: 0;
  transform: translateY(-20%);
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, transform 0.3s ease-out;
  padding-bottom: 20px;
}

.header__menu--active {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

@media (min-width: 960px) {
  .header__menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) scale(1);
    /*position: static;*/
    background-color: transparent;
    float: right;
    padding-top: 0;
    padding-bottom: 0;
    top: 0;
  }
}

.header__search-trigger {
  cursor: pointer;
  color: #fff;
  font-size: 1.2rem;
  position: absolute;
  top: 6px;
  right: 16px;
}

@media (min-width: 530px) {
  .header__search-trigger {
    top: 4px;
    font-size: 1.4rem;
  }
}

@media (min-width: 960px) {
  .header__search-trigger {
    display: none;
  }
}

.header__menu-trigger {
  color: #fff;
  cursor: pointer;
  font-size: 1.2rem;
  position: absolute;
  z-index: 10;
  top: 7px;
  right: 46px;
}

@media (min-width: 530px) {
  .header__menu-trigger {
    top: 5px;
    font-size: 1.4rem;
  }
}

@media (min-width: 960px) {
  .header__menu-trigger {
    display: none;
  }
}

.header__util {
  padding: 0 0 0 20px;
}

@media (min-width: 960px) {}

.header__btn {
  margin-right: 20px;
}

@media (min-width: 960px) {
  .header__btn {
    float: left;
  }
}

/*-------------------------------*/
/*-------------------------------*/
/*---------NAVIGATION------------*/
/*-------------------------------*/
/*-------------------------------*/

.nav__container {
  position: fixed;
  width: 100%;
  background-color: #fff;
  border-top:5px solid var(--primary-color);
}

@media (max-width: 800px) {
  .nav__container {
    margin-left: 0px;
  }
}

.nav__wrap {
  width: 100%;
  box-shadow: 0px 8px 10px 0px rgb(225, 225, 225);

}

.top__navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  border-bottom: 1px solid #cacaca;
  padding: 0 40px;
  margin-left: 250px;
}

@media (max-width: 1000px) {
  .top__navbar {
    margin-left: 150px;
  }
}

@media (max-width: 800px) {
  .top__navbar {
    justify-content: center;
  }
}

@media (max-width: 460px) {
  .top__navbar {
    height: 80px;
  }
}

.toggle__title {
  display: none;
}

.top__navbar__title {
  color: var(--secondary-color);
  text-transform: uppercase;
  font-size: 1.4rem;
  padding-left: 8px;
}

@media (max-width: 1300px) {
  .top__navbar__title {
    font-size: 1rem;
  }
}

@media (max-width: 1150px) {
  .top__navbar__title {
    display: none;
  }

  .toggle__title {
    display: block;
    width: 100%;
  }
}

@media (max-width: 800px) {
  .toggle__title {
    font-size: .6rem;
  }
}

@media (max-width: 500px) {
  .top__navbar__title {
    display: none;
  }
}


.bottom__navbar {
  display: flex;
  justify-content: space-around;
  align-items: center;
  /* height: 55px; */
  margin-left: 250px;
  padding: 5px 40px;
}

@media (max-width: 1350px) {
  .bottom__navbar {
    margin-left: 250px;
    justify-content: end;
  }
}

@media (max-width: 1090px) {

  .bottom__navbar,
  .top__navbar {
    margin-left: 150px;
  }
}

@media (max-width: 700px) {
  .top__navbar {
    margin-left: 125px;
    padding: 0 10px;
  }

  .bottom__navbar {
    margin-left: 125px;
    padding: 0 10px;
  }
}

@media (max-width: 500px) {
  .bottom__navbar {
    margin-left: 0px;
    justify-content: end;
  }
}

.first__navbar__icons {
  display: flex;
  gap: 10px;
}

@media (max-width: 1150px) {
  .first__navbar__icons {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
  }
}

@media (max-width: 460px) {
  .first__navbar__icons {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 10px;
  }
}

.first__navbar__icons>div,
.first__navbar__icons>ul {
  width: 40px;
  height: 40px;
  margin: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease .5s;
  border: 1px solid transparent;
  cursor: pointer;
}

.first__navbar__icons>div:hover
 {
  border: 1px solid var(--secondary-color);
  font-weight: bold;
}
.first__navbar__icons>ul:hover{
  border: 1px solid var(--secondary-color);
  position: relative;
}

.first__navbar__icons div a,
.first__navbar__icons div a i {
  transition: all ease .5s;
}


.first__navbar__icons>.searchBox,
.first__navbar__icons>.bip {
  background-color: transparent;
}

@media (max-width: 800px) {

  .first__navbar__icons>div,
  .first__navbar__icons>ul {
    width: 30px;
    height: 30px;
  }
}

.navbar {
  width: 100%;
}

nav .navbar .bx-menu,
nav .navbar .nav__links .navbar__logo {
  display: none;
}

.btn-mobile-nav {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;

}

.bx-x-circle {
  color: var(--primary-color);
  display: none !important;
  transition: all .5s;
}

.bx-x-circle:hover {
  transition: all .5s;
  color: red;
}

/* Highlight using list element */
/* li.current_page_item{
font-weight: bold;
}  

/* Highlight using link element */
li.current_page_item a {
  font-weight: bold;
}

nav .navbar .nav__links .menu-header-menu-container {
  height: 100%;
  /* line-height: 40px; */
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 10px 0;
}

nav .navbar .nav__links .menu-header-menu-container ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

nav .navbar .nav__links .menu-header-menu-container ul > li {
  position: relative;
  display: flex;
  align-items: center;
  list-style: none;
 padding-bottom: 5px;
  cursor: pointer;
}
nav .navbar .nav__links .menu-header-menu-container ul li:focus .sub-menu,
nav .navbar .nav__links .menu-header-menu-container ul li:focus-within .sub-menu,
nav .navbar .nav__links .menu-header-menu-container ul li:hover .sub-menu
{
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}
nav .navbar .nav__links .menu-header-menu-container ul li ul li:focus .sub-menu,
nav .navbar .nav__links .menu-header-menu-container ul li ul li:focus-within .sub-menu,
nav .navbar .nav__links .menu-header-menu-container ul li ul li:hover .sub-menu
{
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}

.nav .navbar .nav__links .menu-header-menu-container ul li::first-letter,
.nav .navbar .nav__links .menu-header-menu-container ul .sub-menu li a::first-letter {
  text-transform: uppercase;
}

nav .navbar .nav__links .menu-header-menu-container ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--secondary-color);
  text-decoration: none;
  white-space: normal;
  font-size: 1.2rem;
  transition: all ease .5s;
}
nav .navbar .nav__links .menu-header-menu-container ul li a:after{
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  background: var(--secondary-color);
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
nav .navbar .nav__links .menu-header-menu-container ul li:not(:has(ul)) a:hover:after{
  width: 100%;
  left: 0;
}
nav .navbar .nav__links .menu-header-menu-container ul li a i {
  transition: all .3s ease;
}
nav .navbar .nav__links .menu-header-menu-container ul li > i {
  color: var(--secondary-color);
  transition: all .3s ease;
  font-size: 25px;
}
nav .navbar .nav__links .menu-header-menu-container ul li .sub-menu li i{
  color: var(--secondary-color);
  transition: all .3s ease;
  font-size: 25px;
  transform: rotate(-90deg);
}
nav .navbar .nav__links .menu-header-menu-container ul li:hover > i {
  transform: rotate(180deg);
  font-weight: bold;
  color: var(--primary-color);
}
nav .navbar .nav__links .menu-header-menu-container ul li .sub-menu li:hover > i {
  transform: rotate(-270deg);
  font-weight: bold;
  color: var(--primary-color);
}

/* nav .navbar .nav__links .menu-header-menu-container ul li a:hover {
  color: var(--secondary-color);
  transition: all ease .5s;
  font-weight: bold; 
  transform: scale(1.05); 
} */
/* 
.menu li.has-children > a:after {
  color: var(--secondary-color);
  content: ' ▼';
  font-size: 15px;
  vertical-align: 1px;
  transition: all .3s ease;
 }
 .menu li li.has-children > a:after {
  color: var(--secondary-color);
  content: ' ►';
  font-size: 15px;
  vertical-align: 1px;
  transition: all .3s ease;
 }

 nav .navbar .nav__links .menu-header-menu-container ul li:hover a:after{
  transform: rotate(180deg);
  color: red;
  } */
 
  nav .navbar .nav__links .menu-header-menu-container ul .sub-menu::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: var(--primary-color) transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -13px;
    left: 20%;
  }
  nav .navbar .nav__links .menu-header-menu-container ul .sub-menu .sub-menu::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: var(--primary-color) transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 17px;
    left: -8%;
    transform: rotate(-90deg);
  }

nav .navbar .nav__links .menu-header-menu-container ul li .sub-menu{
  position: absolute;
  background-color: #fff;
  border-top: 3px solid var(--primary-color);
  width:230px;
  visibility: hidden;
  opacity: 0;
  top: 40px;
  left: 0;
  transform: translateY(-1em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
nav .navbar .nav__links .menu-header-menu-container ul .sub-menu .sub-menu {
  position: absolute;
  background-color: #fff;
  border-top:none;
  border-left: 3px solid var(--primary-color);
  border-top: 3px solid var(--primary-color);
  width:230px;
  visibility: hidden;
  opacity: 0;
  top: 40px;
  left: 0;
  transform: translateY(-1em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
nav .navbar .nav__links .menu-header-menu-container ul li:hover > ul {
  display: block;
  transition: all .8s ease;
}

nav .navbar .nav__links .menu-header-menu-container ul .sub-menu li {
  border-bottom: 1px solid rgba(160, 157, 157, 0.5);
  padding: 15px;
}

nav .navbar .nav__links .menu-header-menu-container ul .sub-menu li a {
font-size: 1rem;
}
nav .navbar .nav__links .menu-header-menu-container ul .sub-menu li:hover > .sub-menu {
  transition: all .5s ease;
  display: block;
}

nav .navbar .nav__links .menu-header-menu-container ul .sub-menu li .sub-menu {
  position: absolute;
  top: 4px;
  left: 104%;
  display: none;
}

@media (max-width: 1370px) {

  .bottom__navbar {
    justify-content: end;
  }

  nav .navbar {
    padding: 0 25px;
    display: flex;
    justify-content: end;
    width: auto;
  }

  nav .navbar .nav__links {
    display: block;
    color: var(--primary-color);
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    transition: all .5s ease;
  }

  nav .navbar .nav__links .menu-header-menu-container ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--secondary-color);
    flex-direction: column;
    justify-content: center;
    align-items: start;
    transition: all .5s ease;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    padding: 30px;
  }

  .nav-open nav .navbar .nav__links .menu-header-menu-container ul {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
  }
  /* nav .navbar .nav__links .menu-header-menu-container ul li:hover ul {
    display: none;
  } */
  .nav-open .btn-mobile-nav .bx-x-circle {
    display: block !important;
    position: relative;
    z-index: 1;
  }

  .nav-open .btn-mobile-nav .bx-menu {
    display: none !important;
  }

  nav .navbar .nav__links .menu-header-menu-container ul li a {
    color: #fff;
    letter-spacing: 1px;
  }

  nav .navbar .nav__links .menu-header-menu-container ul li a:hover {
    color: var(--primary-color);
  }

  nav .navbar .bx-menu {
    color: var(--secondary-color);
    line-height: 40px;
    text-align: center;
    font-size: 50px;
    transition: all .4s ease;
    cursor: pointer;
    display: block;
  }

  nav .navbar .nav__links .navbar__logo {
    margin: 50px 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 30px;
    transition: all .4s ease;
    cursor: pointer;
  }


  /* Highlight using list element */
  li.current_page_item {
    color: var(--primary-color);
  }

  /* Highlight using link element */
  /* li.current_page_item a {
    font-weight: bold;
    color: var(--primary-color) !important;
  } */

  nav .navbar .nav__links .menu-header-menu-container ul .sub-menu {
    /* display: block; */
    height: auto;
    background-color: var(--secondary-color);
    z-index: 9;
    padding: 0;
    width: 100%;
    position: relative;
    border-left: 3px solid var(--primary-color);
    margin-left: 100px;
  }

  nav .navbar .nav__links .menu-header-menu-container ul .sub-menu::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: var(--primary-color) transparent;
    display: block;
    z-index: 1;
    border-right: 12px solid var(--primary-color);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    top:12px;
    left:-26px;
  }

  nav .navbar .nav__links .menu-header-menu-container ul .sub-menu li {
    width: 100%;
  }

  .show__submenu {
    display: block;
  }

  /* nav .navbar .nav__links .menu-header-menu-container ul li ul {
    display: none;
  } */

  nav .navbar .nav__links .menu-header-menu-container ul li i {
    font-size: 30px;
    margin-left: 20px;
    color: #fff;
    transform: rotate(-90deg);
  }
  nav .navbar .nav__links .menu-header-menu-container ul li:hover i {
    transform: rotate(-270deg);
  }

}

/*---------------------------------------*/
/*---------------------------------------*/
/*------------------END NAV---------------------*/
/*---------------------------------------*/
/*---------------------------------------*/

.logo__text h3 {
  font-weight: bold;

}

.logo__text h3 {
  font-style: italic;
  font-weight: none;
  padding: 5px 0;
}

.logo__hide {
  position: absolute;
  bottom: -5px;
  right: -2px;
  cursor: pointer;
  color: var(--secondary-color);
}

.logo__hide:hover i {
  color: red;
}

.top-navbar-icons {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 12px;
  width: 50%;
  margin-right: 20px;
}

.top-navbar-icons>ul {
  list-style: none;
}

.first__navbar__icons .handIcon {
  margin: 0;
  padding: 0;
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
}

.handIcon:focus .handIcon__sub-menu,
.handIcon:focus-within .handIcon__sub-menu,
.handIcon:hover .handIcon__sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.handIcon__sub-menu {
  visibility: hidden; 
  opacity: 0;
  position: absolute;
  top: 100%;
  left: -100%;
  width: auto;
  transform: translateY(-2em);
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
background-color: var(--secondary-color);
}

.first__navbar__icons>ul li a {
  text-decoration: none;
  transition: .5s;
}

.first__navbar__icons>ul li a:hover {
  transition: .5s;
  color: rgb(250, 246, 13);
}

.first__navbar__icons>ul li:hover>ul {
  display: block;
}


.first__navbar__icons>ul li ul li {
  margin: 0;
  padding: 0;
  position: relative;
  float: none;
  height: auto;
  list-style: none;
}

.first__navbar__icons>ul li ul li a {
  padding: 12px;
  color: #fff;
  text-decoration: none;
  display: block;
}




.nav__logo {
  position: absolute;
  left: 20px;
  width: 230px;
}

.logo__cont {
  background-color: #ffd401;
  height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

/* .logo__cont:hover .logo__hide{
  transition: all .4s ease;
  animation-delay: 10ms;
  transform:translateX(40px);
} */


.nav__logo .logo {
  background-color: #ffd401;
}

.nav__logo .logo__cont .text {
  background-color: #ffd401;
  text-align: center;
  padding-bottom: 20px;
}

.nav__logo .logo__text h1 {
  color: #fff;
  margin: 0;
  font-size: 28px;
}

.logo {
  padding: 10px;
  width: 100%;
  text-align: center;
  background-color: #ffd401;
}

.logo a img {
  width: 70%;
  height: auto;
  color: #fff;
  background-color: #fff;
  border-radius: 50%;
}

.logo__button {
  margin-top: 10px;
  background-color: red;
  padding: 10px;
  text-align: center;
}

.logo__button a {
  width: 100%;
  color: #fff;
  text-decoration: none;
  transition: all ease .4s;
}

.logo__button a:hover {
  transition: all ease .4s;
  color: var(--primary-color);
}

.logo__button a>h3 {
  font-size: 17px;
}

.logo__button a>h4 {
  font-weight: normal;
  font-size: 15px;
  margin-top: 5px;
}

.logo__text h2 {
  font-size: 24px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
}

@media (max-width: 1090px) {

  .nav__logo {
    width: 150px;
    left: 0;
  }

  .logo__cont {
    height: 140px;
  }

  .logo__text h2 {
    font-size: 16px;
  }
  .logo__hide{
    display: none;
  }
}

@media (max-width: 700px) {
  .logo__button a>h3 {
    font-size: 15px;
  }

  .logo__button a>h4 {
    font-size: 13px;
  }

  .logo {
    padding: 0;
  }

  .nav__logo {
    left: 0;
    width: 118px;
  }

  .logo__cont {
    height: 60px;
  }

  .logo__text h2 {
    font-size: 16px;
  }

  .logo__text {
    display: none;
  }

  .logo__button {
    padding: 3px;
  }
}


.logo__cont {
  background-color: #ffd401 !important;

}

.logo__cont .logo,
.logo__cont .logo__text,
.logo__cont .logo__text>div {
  background-color: #ffd401 !important;
}






/*---------------------------------*/
/*---------END NAVIGATION----------*/
/*---------------------------------*/




.bip {
  width: 40px;
  margin: 0 10px;
}

.siteMap {
  text-decoration: none;
}

.siteMap a i,
.facebook-icon a i,
.handIcon a i {
  color: var(--secondary-color);
}

/* .siteMap a i:hover,
.facebook-icon a i:hover,
.language-pl a:hover,
.language-en a:hover,
.handIcon a i:hover
{
  color: rgb(250, 246, 13);
} */
.language-pl a,
.language-en a {
  text-decoration: none;
  color: var(--secondary-color);
  font-size: 19px;
  font-style: normal;
}


.searchBox {
  position: relative;
  height: 40px;
  width: 40px;
}

.searchBox i {
  color: var(--secondary-color);
  position: absolute;
  height: 100%;
  width: 100%;
  line-height: 40px;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 30px;
  transition: all .4s ease;
  cursor: pointer;
}

.searchBox i:hover {
  transition: all .4s ease;
}

/*
    @keyframes rotate{
        0%{
            transform: rotate(0deg);
        }
        50%{
            transform: rotate(180deg);
        }
        100%{
            transform: rotate(360deg);
        }
    } */


.searchBox .inputBox {
  height: 60px;
  width: 300px;
  background-color: #FAF0CA;
  position: absolute;
  top: 80px;
  right: calc(100% - 40px);
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: all .3s ease;
}

.showInput .searchBox .inputBox {
  opacity: 1;
  pointer-events: auto;
  top: 65px;
}

.searchBox .inputBox::before {
  content: ' ';
  position: absolute;
  height: 20px;
  width: 20xp;
  right: 10px;
  top: -6px;
  transform: rotate(45deg);
}

.searchBox .inputBox input {
  position: absolute;
  height: 35px;
  width: 280px;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  outline: none;
  border-radius: 5px;
  padding: 0 15px;
  font-size: 16px;
}

/*---------------------------------*/
/*----------PAGE BANNER------------*/
/*---------------------------------*/



/*---------------------------------*/
/*---------END PAGE BANNER----------*/
/*---------------------------------*/

/*---------------------------------*/
/*------------CATEGORY-------------*/
/*---------------------------------*/

.category {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.category ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.category ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 150px;
  background-color: lightgreen;
  border: 1px solid blue;
  margin: 10px;
  padding: 10px;
  text-transform: uppercase;
}

.category ul li a {
  text-decoration: none;
}

.category ul li a h3 {
  text-align: center;
  color: #252525;
}

/*---------------------------------*/
/*---------------------------------*/
/*---------------------------------*/
.category__second {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.card__button {
  cursor: pointer;
  border: 1px solid rgb(248, 232, 8);
  overflow: hidden;
  letter-spacing: 1px;
  opacity: 1;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  font-size: 18px;
  margin: 5px;
  position: relative;
  z-index: 100;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  box-shadow: 0 20px 40px -10px rgb(100, 100, 100) !important;
  background-color: #fff678;
  border-radius: 5px;
  line-height: 1.5;
  width: 300px;
  height: 100px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}

.card__button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, #fff, transparent);
  transition: .5s;
}

.card__button::before:hover {
  background: linear-gradient(90deg, #fff, #fff, #fff);
}

.card__button:hover:before,
.card__button:active:before,
.card__button:focus:before {
  left: 100%;
}

.card__button i {
  color: #fff;
  font-size: 40px;
  line-height: 0 !important;
  padding: 10px;
  text-shadow: 0 20px 40px -10px rgb(100, 100, 100) !important;
}

.card__button:active {
  transform: scale(0.95);
}

@media(max-width: 400px) {
  .card__button {
    font-size: 14px !important;
    flex-direction: column;
    padding: 10px !important;
  }

  .card__button i {
    font-size: 30px;
    padding: 25px;
  }
}


/*---------------------------------*/
/*----------END CATEGORY-----------*/
/*---------------------------------*/



/*---------------------------------*/
/*--------------FOOTER-------------*/
/*---------------------------------*/
/*
.footer {
  overflow: hidden;
  background: #252525;
  border-top: 4px solid #ffc527;
  background-image: url('../img/914l.jpg');
  background-repeat: no-repeat;
  background-position: right;
} */

.footer-top {
  width: 100%;
  background: #353535;
  position: relative;
  padding-left: 50px;
}

.footer-top:before {
  content: "";
  position: absolute;
  left: 0;
  width: 50%;
  height: 160px;
  background-color: #353535;
}

.footer-top-inner {
  width: 100%;
  height: 105px;
  position: relative;
  background: #353535;
}

.footer-top-inner:before {
  position: absolute;
  content: "";
  left: 3px;
  width: 71%;
  top: 0;
  height: 160px;
  background: #353535;
  border-bottom-right-radius: 170px;
}

.footer-top-inner:after {
  position: absolute;
  content: "";
  right: -2px;
  top: 30px;
  width: 34%;
  height: 172px;
  background-color: #252525;
  border-top-left-radius: 150px;
}

.news-letter-inner {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

@media(max-width:550px) {
  .news-letter-inner {
    flex-direction: column;
  }
}

.news-letter-inner .title {
  color: #fff;
  font-weight: normal;
  font-size: 1.3rem;
}

.news-letter-inner form select {
  color: var(--secondary-color);
  padding: 10px;
  background-color: #fff;
  cursor: pointer;
  font-size: 1.2rem;
  border-radius:5px;
}


.list-group-item span {
  font-weight: normal;
}

.list-group-item:first-child,
.list-group-item:last-child {
  font-size: 1.3rem !important;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
  letter-spacing: 1px;
}

.news-letter-map {
  width: 400px;
  height: 400px;
}

@media (max-width: 500px) {
  iframe {
      width: 300px;
      height: 250px; 
  }
}
@media (max-width: 350px) {
  iframe {
      width: 250px;
      height: 200px; 
  }
}

#footer .widget-inner .title {
  font-size: 20px;
  font-weight: 700;
  color: #ffc527;
  line-height: 25px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

#footer .excerpt {
  font-style: 15px;
  line-height: 24px;
  color: #bbbbbb;
}

.footer__middle {
  width: 75%;
  display: flex;
  justify-content: start;
  margin: 50px 20px;
}

.footer__middle h3 {
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 20px;
}

.footer__address,
.footer__information {
  margin: 50px 10px 20px;
}

.footer__information {
  line-height: 1.8;
}
.footer__information ul {
  text-decoration: none;
  list-style: none;
  font-size: 1.1rem;
}

address.address {
  margin-top: 20px;
}

.address ul li {
  display: flex;
  align-items: center;
  line-height: 33px;
  color: #CEC9C9;
}

.address ul li span {
  width: 36px;
  height: 36px;
  border: 1px solid #363636;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  margin-left: -50px;
}

.address ul li i {
  display: block;
  margin-right: 10px;
  line-height: 1;
  color: #ffc527;
}

.footer__information_category {
  display: flex;
  flex-wrap: wrap;
}

.footer__card_button {
  color: #312782;
  cursor: pointer;
  overflow: hidden;
  opacity: 1;
  text-decoration: none;
  margin: 30px;
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  font-size: 1.2rem;
  box-shadow: 0px 0px 10px 0px rgb(225, 225, 225);
  background-color: #fff;
  transition: all ease .5s;
}

.footer__card_button:hover {
  font-weight: bold;
  transition: all ease .5s;
}

.footer__card_button--banner {
  color: #fff;
  border: 3px solid #fff;
  font-weight: bold;
}

.footer__card_button:active {
  transform: scale(0.95);
}

.footer__card_button a {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  text-decoration: none;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 1px;
}

.footer__card_button span {
  margin-left: 5px;
  color: #312782;
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 5px;
}

.footer__card_button span:hover,
.footer__card_button span:focus,
.footer__card_button span:active {
  animation: rotate .2s linear;
  transition: all .4s ease;
}

/* .footer__card_button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, #ffd401, transparent);
  transition: .5s;
  box-shadow: 0 10px 20px -13px rgb(218, 216, 216);
} */

/* .footer__card_button::before:hover {
  background: linear-gradient(90deg, #fff, #fff, #fff);

} */

.footer__card_button:hover {
  font-weight: bold;
}

.footer__card_button:hover:before,
.footer__card_button:active:before,
.footer__card_button:focus:before {
  left: 100%;
}

@media(max-width: 650px) {

  .footer-top {
    display: none;
  }

  .news-letter-inner .title {
    font-size: 1.3rem;
    text-align: center;
  }

  .footer-top-inner::after {
    position: relative;
  }

  .news-letter {
    width: 100%;
  }

  .news-letter-inner form button {
    width: 100%;
    margin-top: 20px;
  }

  .news-letter-inner form button i {
    margin-right: 0;

  }

  form {
    display: grid;
    justify-content: center;
    align-items: center;
  }
}

@media(max-width: 900px) {

  .footer__middle {
    margin: 0px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
  }

  .footer__address,
  .footer__information {
    margin: 70px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer__information_category {
    justify-content: center;
  }
}

@media(max-width: 400px) {
  .footer__card_button {
    font-size: 14px !important;
    padding: 10px !important;
  }

  .footer__card_button i {
    font-size: 30px;
    padding: 25px;
  }
}

.fotter__bottom {
  padding: 30px;
  background-color: #2d394e;
}

.footer__bottom ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #fff;
}

.footer__bottom ul li {
  text-decoration: none;
  list-style: none;
  margin: 20px;
  color: #fff;
}

.footer__bottom ul li a {
  text-decoration: none;
  list-style: none;
  margin: 20px;
  color: #fff;
}

.footer-bottom ul li a img {
  max-height: 50px;
}

.footer_logo {
  max-height: 50px;
}

.news-letter-content .list-group li {
  font-size: 1.1rem;
}

.news-letter-content .list-group li a {
  text-decoration: none;
  color: #fff;
}

/*---------------------------------*/
/*--------------FOOTER-------------*/
/*---------------------------------*/

/*---------------------------------*/
/*--------------FOOTER TEST-------------*/
/*---------------------------------*/

.footer__top {
  padding: 20px;
  width: 100%;
  background-color: var(--secondary-color);
  color: #fff;
  display: flex;
}

@media(max-width: 800px) {
  .footer__top {
    display: block;
  }
}

.test-one {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
  padding: 20px;
}


.test-one-one {
  width: 30%;
  text-align: left;
  text-decoration: none;
  list-style: none;

}

.test__two {
  width: 70%;
  border-left: 1px dashed #fff;
}

@media(max-width: 800px) {


  .test-one-one {
    width: 100%;
    padding-bottom: 50px;
  }

  .test__two {
    width: 100%;
    border-left: none;
  }

  .list-group {
    padding: 50px 0;
  }
}

.test-one-one h4 {
  font-size: 1.1rem;
}

.test-one-one ul li {
  font-size: 1.1rem;
}

.test-one-one ul li a {
  text-decoration: none;
  color: #fff;
}

.footer__data {
  display: flex;
  justify-content: space-evenly;
}

@media(max-width: 1200px) {
  .footer__data {
    flex-direction: column;
  }
}

.test-one-two {
  width: auto;
  height: 100%;
  text-align: left;
  text-decoration: none;
  list-style: none;
  padding: 0 20px;
}

.test-one-three {
  width: auto;
  position: relative;
  text-align: center;
}

.test-one-two ul,
.test-one-one ul {
  text-decoration: none;
  list-style: none;
  line-height: 1.8;
}

.test-two {
  width: 50%;
  /* border-left: 2px solid #ffd401; */
  /* padding-left: 30px; */
}

@media(max-width: 800px) {
  .test-two {
    width: 100%;
  }
}

.test-two-top {
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.test-two-top ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

.test-two-bottom {
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.test-two-bottom ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}

.test-two-bottom ul li i {
  color: #fff;
  cursor: pointer;
}

.test-two-bottom ul li a i {
  color: #fff;
}

.test-two-bottom ul li a i:hover,
.test-two-bottom ul li i:hover {
  color: #ffd401;
}

.list-group {
  display: flex;
}

/*---------------------------------*/
/*--------------FOOTER TEST-------------*/
/*---------------------------------*/

/* MAP */
#map-area {
  /* background: var(--third-color); */
  margin-bottom: 40px;
  padding: 40px 255px;
  border: 0;
  position: relative;
}

.map-wrapper {
  padding: 40px 0;
}

@media(max-width: 1090px) {
  #map-area {
    padding: 50px 170px 110px 170px;
  }
}

@media(max-width: 700px) {
  #map-area {
    padding: 30px 20px 110px 20px;
  }
}

.map-container {
  display: flex;
  align-items: center;
}

#map-area .legend {
  padding: 15px;
  box-shadow: 0px 0px 10px 0px rgb(225, 225, 225);
}

#map-area .legend h3 {
  margin-bottom: 30px;
  /*font-size:16px;*/
  font-size: 110%;
  color: #312782;
}

#map-area .legend ul {
  list-style: none;
}

#map-area .legend li {
  padding: 5px 15px;
}

#map-area .legend li img {
  height: 25px;
  margin-right: 20px;
}

#map-area .legend li span {
  vertical-align: top;
  display: inline-block;
  padding-top: 10px;
  color: #312782;
}

#map-area .section-title {
  text-align: center;
  color: #312782;
}

#map-area .view-map {
  margin-top: 60px;
  text-align: center;
}

#map-area .view-map h2 {
  display: inline-block;
  font-size: 30px;
  font-weight: 800;
  vertical-align: middle;
  margin-right: 40px;
}

#map-area .view-map .custom-btn {
  /*font-size: 16px;*/
  font-size: 110%;
  font-weight: 700;
  line-height: 24px;
  color: #363636;
  padding: 13px 25px;
  display: inline-block;
  background: #ffc527;
  text-transform: uppercase;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-in-out;
}

#map-area .view-map .custom-btn:hover {
  background-color: #363636;
  color: #fff;
}

#map-area h3.slogan {
  font-size: 20px;
  margin: 50px 0;
  font-style: italic;
  font-weight: 600;
}

.map-area {
  margin-bottom: 20px;
  width: 50%;
  margin: 0 auto;
}

.map-area a {
  stroke: #c4c4c4;
  fill: #f0f0f0;
  stroke-width: 0.2%;
}

.map-wrapper div h3 {
  color: #312782;
  font-weight: normal;
  line-height: 1.8;
}

.legend-wrapper {
  display: flex;
  gap: 30px;
  margin-top: 30px;
}

.legend-text {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
@media(max-width: 500px) {

  #map-area .legend {
   width:100%;
  }
}
@media(max-width: 900px) {
  .map-area {
    width: 60%;
  }

  #map-area .legend li {
    display: grid;
    margin-bottom: 8px;
  }
}

@media(max-width: 1400px) {
  .map-container {
    flex-direction: column-reverse;

  }

  #map-area .legend li {
    display: flex;
  }

  .legend-wrapper {
    display: block;
  }

  /* #map-area .legend {
    max-width: 60%;
    margin: 0 auto;
  } */

  .legend-text {
    margin-top: 20px;
  }

  .map-area {
    width: 85%;
  }

  .textwidget {
    display: flex;
    flex-wrap: wrap;
  }

  #statistic .stat-container {
    height: auto;
  }
}

@media(max-width: 800px) {

  .test-one {
    flex-direction: column;
  }

  .test-one-two {
    border-left: none;
    border-top: 1px dashed #fff;
    margin-top: 20px;
  }
}
 /* #map-area .legend {
    max-width: 60%;
    margin: 0 auto;
  } */


/* STATISTIC */
#statistic {
  margin-top: 40px;
  padding: 20px 0;
  background-color: #312782;
}


#statistic .stat-container {
  width: 100%;
  background-color: #312782;
  position: relative;
  /* max-width: 1400px; */
  margin: 0 auto;
  padding: 0 255px;
}

@media(max-width: 1090px) {
  #statistic .stat-container {
    padding: 0 170px;
  }
}

@media(max-width: 700px) {
  #statistic .stat-container {
    padding: 0 20px;
  }
}

#statistic .stat-container h2 {
  color: #fff;
  text-align: center;
}

/* #statistic .stat-container:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 81%;
  height: 130px;
  border-bottom-left-radius: 150px;
  background: #38358E;
  z-index: -1;
} */

/* #statistic .stat-container:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  width: 22.6%;
  height: 146px;
  background: #e4e3e3;
  border-top-right-radius: 150px;
} */

#statistic .stat-container br {
  display: none;
}

.stat-container-inner {
  width: 100%;
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 0;
  gap: 20px;
}

.stat-container-inner .stat-item {
  text-align: center;
  padding: 15px;
}

.stat-container-inner .stat-item .number-outer {
  display: block;
  padding-bottom: 5px;
}

.stat-container-inner .stat-item .number {
  font-size: 30px;
  color: #fff;
  font-weight: normal;
}

.stat-container-inner .stat-item .count-name {
  color: #fff;
  font-weight: normal;
}

#statistic p.text-right {
  color: #ffffff;
  background-color: #312782;
  padding: 20px 0;
}

.tooltip-window {
  position: absolute;
  background-color: #fff;
  color: #000;
  padding: 15px;
  line-height: 30px;
  display: none;
}

svg text {
  fill: #000 !important;
}

#loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.main__container {
  color: var(--secondary-color);
  padding: 20px 290px 50px;
  position: relative;
}
/* .main__container::before{
  content: "";
  background-image: url(../img/learjet-background.png);
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .1;
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
  margin: 0 auto;
} */



@media(max-width:1090px){
  .main__container {
    padding: 15px 160px 50px;
  }
}
@media(max-width:700px){
  .main__container {
    padding: 15px 20px 50px;
  }
}
/*------------------------------------------------*/
/*--------------FIRST CONTACT SECTION-------------*/
/*------------------------------------------------*/

.first__contact{
  width: 100%;
}
.first__contact_wrapper{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.second__contact_wrapper{
  margin-top:20px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.contact__title-color{
color:var(--primary-color) !important;
}

@media(max-width: 1400px) {

  .first__contact_wrapper{
   
      grid-template-columns: repeat(1, minmax(0, 1fr));
	  justify-content:center;
    }
    .first__contact_section{
      order:1;
    }
    .contact--color{
      order:0;
    }
}
/* @media(max-width: 1100px) {
  .first__contact_wrapper{
	  display:grid;
	  justify-content:center;
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
} */
@media(max-width: 1000px) {
  .first__contact_wrapper{
	  padding: 40px 0px;
    }
}
/* @media(max-width: 700px) {
  .first__contact_wrapper{
	  margin:20px 130px;
    }
} */
.first__contact_section{
color: var(--secondary-color);
box-shadow: 0px 0px 10px 0px rgb(225, 225, 225);
margin:10px;
border-radius:5px;
}
.first__contact-single-section{
  max-width: 500px;
  margin: 0 auto;
}
.first__contact_title{
  background-color: var(--secondary-color);
  color: #fff;
  border-radius:2px;
  padding: 15px 5px;
}

.first__contact_section h2{
font-size: 1.2rem;
text-align: center;
}
.first__contact_section hr{
color: var(--secondary-color);
width: 70px;
margin: 20px auto 5px auto;
}
.first__contact_phone{
display: grid;
justify-content: center;
padding: 15px;
}

.first__contact_phone a,
.first__contact_phone p{
text-decoration: none; 
color:var(--secondary-color);
font-size: 1.2rem;
padding: 15px 0 5px;
display: flex;
align-items: center;
position: relative;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
 }
 .first__contact_phone p{
  font-size: 1.2rem;
  padding: 15px 0 5px;
 }
 /*Podkreslenie dolne po najechaniu ne element*/
 /* .first__contact_phone a:after{
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  background-color: var(--secondary-color);
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
 }
 .first__contact_phone a:hover:after{
  width: 100%;
  left: 0;
 } */
 .first__contact_phone a:hover{
  font-weight: bold;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
 }

 .first__contact_phone a i,
 .first__contact_phone p i{
margin-right: 10px;
   }

   /*-------------------------------------------------*/
/*--------------END FIRST CONTACT SECTION-------------*/
/*----------------------------------------------------*/


/*-------------------------------------------------*/
/*--------------START HEMS base duty hours TABLE-------------*/
/*----------------------------------------------------*/


.rwd-table {
  /* background: #34495E; */
  color: #312782;
  border-radius: .4em;
  overflow: hidden;
  max-width: 1200px;
  width: 100%;
  margin:1rem auto;
}

.rwd-table tr {
  /* border-color: #46637f; */
  /* border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; */
  text-align: center;
}
.rwd-table tr:nth-child(odd){
  background-color: #f0f0f0;
}

.rwd-table th,
.rwd-table td {
  margin: 1rem 1rem;
  text-align: left;
  padding: 1rem;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:first-child,
.rwd-table td:last-child {
  padding-top: 1em;
}
.rwd-table th:last-child,
.rwd-table th:first-child  {
  padding-right: 1rem;
}

.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  display: inline-block;
}
.rwd-table th,
.rwd-table td:before {
  color: #312782;
}

.rwd-table td span {
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
  color: #312782;
}
.rwd-table td span i {
  margin-right: 10px;
}

@media (min-width: 900px) {
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    text-align: left;
  }
  .rwd-table th,
  .rwd-table td:before {
    text-align: center;
  }
  .rwd-table tr td:first-child{
    text-align: start;
    }
}

@media (max-width: 899px) {
  .rwd-table td {
    display: flex;
    align-items: center;
  }
  .rwd-table td::before{
    width: 50%;
  }
}

@media (max-width: 600px) {
  .rwd-table td {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: inherit;
  }
  .rwd-table td::before{
    width: 100%;
  }
  .rwd-table th,
  .rwd-table td::before {
    text-align: left;
    padding-bottom: 15px;
  }
  .rwd-table th, .rwd-table td{
    margin:0;
  }
  .rwd-table td:first-child,
  .rwd-table td:last-child{
    padding: 1rem;
  }
  .rwd-table td span{
    justify-content: center;
  }
}

/*-------------------------------------------------*/
/*--------------END HEMS base duty hours TABLE-------------*/
/*----------------------------------------------------*/



/*-------------------------------------------------*/
/*--------------START SITE RADIO PERMIT-------------*/
/*----------------------------------------------------*/


.main__permit ul li{
text-decoration: none;
list-style: none;
line-height: 1.3;
}
.main__permit ul li h3{
padding-bottom: 10px;
  }
.permit__table {
  /* background: #34495E; */
  color: #312782;
  border-radius: .4em;
  overflow: hidden;
  width: 100%;
  margin:1rem auto;
}

.permit__table tr {
  /* border-color: #46637f; */
  /* border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; */
  text-align: center;
}
.permit__table tr:nth-child(odd){
  background-color: #f0f0f0;
}
.permit__table td {
width: 25%;
}
.permit__table th,
.permit__table td {
  margin: 1rem 1rem;
  text-align: left;
  padding: 15px 10px;
}

.permit__table th {
  display: none;
}

.permit__table td {
  display: block;
}

.permit__table td:first-child,
.permit__table td:last-child {
  padding-top: 1em;
}
.permit__table th:last-child,
.permit__table th:first-child  {
  padding-right: 1rem;
}

.permit__table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  display: inline-block;
}
.permit__table th,
.permit__table td:before {
  color: #312782;
}

.permit__table td span {
  /* display: flex;
  align-items: center; */
  display: block;
  height: 100%;
  text-decoration: none;
  color: #312782;
}

.permit__table td span i {
  margin-right: 10px;
}
.permit__download_wrap{
  text-align: center;
  padding: 10px 0;
}
.permit__download_wrap a{
  font-size: 14px;
  text-align: center;
  display: block;
}

.permit__number p{
font-size: 18px;
text-align: center;
}
.permit__add_data{
  padding: 8px 0px 5px;
  display: flex;
  justify-content: space-evenly;
}
.permit__add_data p{
font-size: 14px;
text-align: start;
}

.permit__file_container{
 margin:5px 0;
 box-shadow: 0px 0px 10px 0px rgb(225, 225, 225);
 padding: 15px 10px;
}
.rodo__container{
  box-shadow: none !important;
  margin:0;
  padding:0;
}

@media (min-width: 900px) {
  .permit__table td:before {
    display: none;
  }
  .permit__table th,
  .permit__table td {
    display: table-cell;
    text-align: left;
  }
  .permit__table th,
  .permit__table td:before {
    text-align: center;
  }
  .permit__table tr td:first-child{
    text-align: start;
    }
}

@media (max-width: 899px) {
  .permit__table td {
    display: flex;
    align-items: center;
  }
  .permit__table td::before{
    width: 50%;
  }
  .permit__table td {
    width: 100%;
    }
}

@media (max-width: 600px) {
  .permit__table td {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: inherit;
  }
  .permit__table td::before{
    width: 100%;
  }
  .permit__table th,
  .permit__table td::before {
    text-align: left;
    padding-bottom: 15px;
  }
  .permit__table th, .permit__table td{
    margin:0;
  }
  .permit__table td:first-child,
  .permit__table td:last-child{
    padding: 1rem;
  }
  .permit__table td span{
    justify-content: center;
  }
}





/*-------------------------------------------------*/
/*--------------END SITE RADIO PERMIT-------------*/
/*----------------------------------------------------*/