@charset "utf-8";
/* CSS Document */


.accordions .border-semi-round{
    border-radius: 10px !important;
}
.accordions .border-round {
    border-radius: 50px !important;
}
.accordions .border-top-round {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}
.accordions .border-bottom-round {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.accordions .border-flat {
    border-radius: 0px !important;
}

.accordions .border-none {
    border: none !important;
}

.accordions .border-1px {
    border: 1px solid #999 !important;
}

.accordions .border-2px {
    border: 2px solid #999 !important;

}
.accordions .border-3px {
    border: 3px solid #999 !important;
}
.accordions .shadow-bottom {
    box-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.29);
}
.accordions .shadow-top {
    box-shadow: 0 -3px 4px -1px rgba(0, 0, 0, 0.29);
}
.accordions .shadow-bottom-right {
    box-shadow: 3px 3px 4px -1px rgba(0, 0, 0, 0.29);
}
.accordions .shadow-bottom-left {
    box-shadow: -3px 3px 4px -1px rgba(0, 0, 0, 0.29);
}
.accordions .shadow-top-right {
    box-shadow: 3px -3px 4px -1px rgba(0, 0, 0, 0.29);
}
.accordions .shadow-top-left {
    box-shadow: -3px -3px 4px -1px rgba(0, 0, 0, 0.29);
}

.accordions .border-bottom {
    border-bottom: 2px solid #b3b3b3 !important;
}
.accordions .border-top {
    border-top: 2px solid #b3b3b3 !important;
}
.accordions .border-bottom-right {
    border-bottom: 3px solid #b3b3b3 !important;
    border-right: 3px solid #b3b3b3 !important;
}
.accordions .border-bottom-left {
    border-bottom: 3px solid #b3b3b3 !important;
    border-left: 3px solid #b3b3b3 !important;
}
.accordions .border-top-right {
    border-top: 3px solid #b3b3b3 !important;
    border-right: 3px solid #b3b3b3 !important;
}
.accordions .border-top-left {
    border-top: 3px solid #b3b3b3 !important;
    border-left: 3px solid #b3b3b3 !important;
}



.city {
    position: relative;
    display: inline-block;
    font-family: "Exo 2", Arial, Helvetica, sans-serif;

    font-weight: 400;
    letter-spacing: 1px;
    font-size: 17px;
    color: #886449;
    padding: 0 10px 0 17px !important;

    cursor: pointer;
}

.city__location {
    position: absolute;
    top: 6px;
    left: 1px;
    flex-shrink: 0;
    width: 12px;

    color: #717171;
}

.city__arrow {
    position: absolute;
    top: 8px;
    right: -1px;
    flex-shrink: 0;
    width: 8px;

    color: #717171;
}

.submenu {
    display: none;
    position: absolute;
    top: 100%;

    padding: 15px 15px 5px;
    width: 94%;
    height: 100vh;
  
    border-radius: 8px;
    box-shadow: 0 40px 30px rgba(0, 0, 0, 0.1);
  
    background-color: #ffffff;
  
    transform: translate(0px, 0.2%);
    overflow: auto;
    z-index: 9;
  }
  
  .submenu__list {
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));

    background-color: #ffffff;
  
    grid-gap: 10px 20px;
  }
  
  .submenu__item {
    list-style-type: none;
  }
  
  .submenu__link {
    color: #000000;
    font-size: 14px;
  }
  
  .submenu__link:hover {
    text-decoration: none;
    color: #886449;
  }

  .submenu__close {
      flex-shrink: 0;
      position: absolute;
      top: 10px;
      right: 10px;
      width: 20px;

      color: #000000;

      cursor: pointer;
  }