/* ---------------------- global font sizes ----------------------*/
/* ---------------------- light colors ---------------------- */
/* ---------------------- medium colors ---------------------- */
/* ---------------------- dark colors ---------------------- */
/* ---------------------- verydark colors ---------------------- */
/* ---------------------- shadow colors ---------------------- */
/* ---------------------- start mixins here ---------------------- */
/* ---------------------- start global styles ---------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
}

/* ---------------------- start common classes ---------------------- */
.row {
  display: flex;
  flex-wrap: wrap;
}

.container {
  position: relative;
}

/* ---------------------- start placeholders ---------------------- */
.products_s .row .single_product .image a img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  image-rendering: -webkit-optimize-contrast;
  object-fit: cover;
}

/* -------------------- start products items --------------------- */
.products_s {
  position: relative;
  padding: 80px 0;
  background-color: #f7f7f7;
  /* ----- shuffle ----- */
  /* ----- end shuffle ----- */
  /* ----- row ----- */
  /* ----- end row ----- */
}
.products_s .shuffle {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  flex-wrap: wrap;
}
.products_s .shuffle li {
  position: relative;
  display: block;
  padding: 1px 24px;
  margin: 0 10px 14px 10px;
  font-size: 14px;
  text-transform: capitalize;
  color: black;
  cursor: pointer;
}
@media (max-width: 375px) {
  .products_s .shuffle li {
    font-size: 12px;
  }
}
.products_s .shuffle li.selected_btn {
  background-color: #001d4c;
  color: white;
}
.products_s .row {
  justify-content: center;
  /* ---- single product ---- */
  /* ---- end single product ---- */
}
.products_s .row .single_product {
  position: relative;
  width: 33.333333%;
  padding: 15px;
}
@media (max-width: 425px) {
  .products_s .row .single_product {
    width: 50%;
  }
}
.products_s .row .single_product .image {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: white;
  box-shadow: 0px 0px 10px rgba(55, 55, 55, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.products_s .row .single_product .image a {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 15px;
  width: 100%;
}

/* -------------------- end products items --------------------- */
/* -------------------- start locations area items --------------------- */
.blog-area .blog-items .row {
  justify-content: center;
}

/* -------------------- end locations area items --------------------- */
/* -------------------- start branches G map location --------------------- */
.branches_locations {
  position: relative;
  padding: 80px 0;
  /* ---- container ---- */
  /* ---- end container ---- */
}
.branches_locations .container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* --- map --- */
  /* --- end map --- */
}
.branches_locations .container .map {
  position: relative;
  width: 50%;
  padding: 15px;
  height: 500px;
}
@media (max-width: 425px) {
  .branches_locations .container .map {
    height: 300px;
    width: 100%;
    flex: none;
  }
}
.branches_locations .container .map .mapouter {
  position: relative;
  text-align: right;
  height: 100%;
  width: 100%;
}
.branches_locations .container .map .mapouter .gmap_canvas {
  overflow: hidden;
  background: none !important;
  height: 100%;
  width: 100%;
}

/* -------------------- end branches G map location --------------------- */
/* -------------------- start edit on a div --------------------- */
.blog-area {
  /* ----- blog items ----- */
  /* ----- end blog items ----- */
}
.blog-area .blog-items {
  /* ---- row ---- */
  /* ---- end row ---- */
}
.blog-area .blog-items .row .single-item .item {
  height: 100%;
}
.blog-area .blog-items .row .single-item .item .info {
  height: 100%;
}

/* -------------------- end edit on a div --------------------- */
/* -------------------- start calendar section --------------------- */
.calendar {
  position: relative;
  padding: 80px 0;
  background-color: #f7f7f7;
  /* ----- evo calendar ----- */
  /* ----- end evo calendar ----- */
}
.calendar .evo_calendar {
  height: 626px;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* ---- calendar sidebar ---- */
  /* ---- end calendar sidebar ---- */
  /* ---- calendar inner ---- */
  /* ---- end calendar inner ---- */
  /* ---- calendar events ---- */
  /* ---- end calendar events ---- */
  /* ---- event list toggler ---- */
  /* ---- end event list toggler ---- */
  /* ---- event dot color in the event container ---- */
  /* ---- end event dot color in the event container ---- */
  /* ---- event dot color in the event indicator ---- */
  /* ---- end event dot color in the event indicator ---- */
}
.calendar .evo_calendar .calendar-sidebar {
  background-color: #001d4c;
  -webkit-box-shadow: 1px 0 7px 0px #001d4c;
  box-shadow: 1px 0 7px 0px #001d4c;
  /* --- sidebar toggler --- */
  /* --- end sidebar toggler --- */
  /* --- calendar year --- */
  /* --- end calendar year --- */
  /* --- month list --- */
  /* --- end month list --- */
}
.calendar .evo_calendar .calendar-sidebar > span#sidebarToggler {
  height: 54px;
  background-color: #001d4c;
  -webkit-box-shadow: 1px 0 7px 0px #001d4c;
  box-shadow: 1px 0 7px 0px #001d4c;
}
.calendar .evo_calendar .calendar-sidebar > .calendar-year > p {
  color: #ffffff;
}
.calendar .evo_calendar .calendar-sidebar > .month-list > .calendar-months > li {
  transition: all 0.3s ease-in-out;
}
.calendar .evo_calendar .calendar-sidebar > .month-list > .calendar-months > li:hover {
  background-color: #001238;
}
.calendar .evo_calendar .calendar-sidebar > .month-list > .calendar-months > li.active-month {
  background-color: #001238;
}
.calendar .evo_calendar .calendar-inner {
  height: 100%;
  -webkit-box-shadow: 2px 0 9px 0px rgba(55, 55, 55, 0.1);
  box-shadow: 2px 0 9px 0px rgba(55, 55, 55, 0.1);
  /* --- calendar table --- */
  /* --- end calendar table --- */
}
.calendar .evo_calendar .calendar-inner .calendar-table {
  /* -- table -- */
  /* -- end table -- */
}
.calendar .evo_calendar .calendar-inner .calendar-table tbody {
  /* direct child */
  /* end direct child */
}
.calendar .evo_calendar .calendar-inner .calendar-table tbody > tr th {
  color: #e20a17;
}
.calendar .evo_calendar .calendar-inner .calendar-table tbody > tr th::after {
  bottom: auto;
  top: -50%;
  background-color: #e20a17;
}
.calendar .evo_calendar .calendar-events {
  /* --- event list --- */
  /* --- end event list --- */
}
.calendar .evo_calendar .calendar-events .event-list {
  /* -- event container -- */
  /* -- end event container -- */
}
.calendar .evo_calendar .calendar-events .event-list .event-container {
  cursor: auto;
}
.calendar .evo_calendar .calendar-events .event-list .event-container:hover {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.calendar .evo_calendar #eventListToggler {
  height: 43px;
  background-color: #e20a17;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.calendar .evo_calendar .event-container > .event-icon > div.event-bullet-event {
  background-color: #e20a17;
}
.calendar .evo_calendar .event-indicator > .type-bullet > div.type-event {
  background-color: #e20a17;
}

/* -------------------- end calendar section --------------------- */

/*# sourceMappingURL=style_updates.css.map */