:root {
  --color_site_bg: #ffffff;
  --color_hdr_bg: #046dd8;
  --color_hdr_dash_bg: #3c579d;
  --color_hdr_dash_section_bg: #e1eef9;
  --color_site_title: #ffffff;
  --color_bread_bg: #ffd260;
  --color_tbl: #333333;
  --color_tbl_th: #3d0808;
  --color_tbl_th_bg: #e1eef9;
  --color_lbl: #5454B3;
  --color_msg_bg: #ffd260;
  --color_link: #0000ff;
  --color_link_hover: #f20024;
  --color_link_active: #f20024;
  --color_link_visited: #0000ff;
  --color_menu_main_top_li_a: #ffffff;
  --color_menu_main_top_li_a_hover: #000000;
  --color_menu_main_top_li_a_hover_bg: #ffd260;
  --color_menu_main_top_li_a_active: #000000;
  --color_menu_main_top_li_a_active_bg: #ffd260;
  --color_menu_main_top_li_ul_li_bg: #30839f;
  --color_menu_top_li_ul_bg: #30839f;
  --color_menu_top_li_ul_li_ul_bg: #0599ca;
  --my_header_height: 72px;
  --my_footer_height: 30px;
  --my_body_min_height: calc(100vh - var(--my_header_height) - var(--my_footer_height));
  --my_home_page_banner_height: calc(var(--my_body_min_height) - 20vh);
  /* --my_home_page_banner_height: 350px; */
  /* CHANGES */
  /*   --color_hdr_bg: #998117;
  --color_hdr_dash_bg: #998117;
  --color_menu_main_top_li_ul_li_bg: #998117;
  --color_menu_top_li_ul_bg: #998117;
  --color_menu_top_li_ul_li_ul_bg: #998117; */
}

@font-face {
  font-family: "Open Sans";
  src: url("fonts/OpenSans-Regular.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Cinzel";
  src: url("fonts/Cinzel-Regular.ttf");
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  overflow-y: scroll !important;
  font-family: "Open Sans", sans-serif;
}

body {
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  font-size: 13px;
  text-align: left;
  min-height: var(--my_body_min_height);
}

h1 {
  font-size: 18px;
  margin: 3px;
}

h2 {
  font-size: 17px;
  margin: 3px;
}

h3 {
  font-size: 16px;
  margin: 3px;
}

h4 {
  font-size: 15px;
  margin: 3px;
}

h5 {
  font-size: 14px;
  margin: 3px;
}

h6 {
  font-size: 13px;
  margin: 3px;
}

.my_arrow_right {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;

  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

br {
  clear: both;
}

div {
  display: block;
  padding: 0;
  margin: 0;
}

textarea {
  padding: 2px;
  margin: 2px;
  border: 1px solid #ddd;
  border-radius: 1px;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"] {
  display: inline-block;
  padding: 2px 2px 2px 7px;
  margin: 2px;
  border: 1px solid #ddd;
  border-radius: 1px;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover {
  background-color: #eaeae1;
}

input[type="submit"],
button {
  display: inline-block;
  padding: 2px;
  margin: 2px;
  border: 1px solid #ddd;
  border-radius: 3px;
}

input[type="submit"]:hover,
button:hover {
  cursor: pointer;
  background-color: #ddd;
}

input[type="checkbox"][disabled] {
  outline: 2px solid red;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

/* input[type="number"] {
  -moz-appearance: textfield;
} */

.my_button {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  padding: 3px 7px;
  text-decoration: none;
  font-size: 11px;
}

.my_button:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

/* TABLE START */

.div_tbl_wrap {
  padding: 0px;
  margin: 0px;
  overflow-x: auto;
  overflow-y: auto;
  clear: both;
}

table {
  color: var(--color_tbl);
  overflow-x: hidden;
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 1;
}

table th {
  color: var(--color_tbl_th);
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding: 3px;
  border: 1px solid #ddd;
  background-color: var(--color_tbl_th_bg);
}

table td {
  font-size: 13px;
  text-align: left;
  vertical-align: middle;
  height: 30px;
  padding: 3px 3px;
  border: 1px solid #ddd;
}

/* TABLE END */

/* LINKS START */

a:link {
  color: var(--color_link);
  text-decoration: none;
}

a:hover {
  color: var(--color_link_hover);
  text-decoration: none;
}

a:active {
  color: var(--color_link_active);
  text-decoration: none;
}

a:visited {
  color: var(--color_link_visited);
  text-decoration: none;
}

.link_mail {
  background-image: url(images/icon_mail.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.link_phone {
  background-image: url(images/icon_phone.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.link_whatsapp {
  background-image: url(images/icon_whatsapp.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.link_facebook {
  background-image: url(images/icon_facebook.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.link_add {
  background-image: url(images/icon_add.png);
  background-repeat: no-repeat;
}

.link_edit {
  background-image: url(images/icon_edit.png);
  background-repeat: no-repeat;
}

.link_tag_file {
  background-image: url(images/icon_tag_file.png);
  background-repeat: no-repeat;
}

.link_delete {
  background-image: url(images/icon_delete.png);
  background-repeat: no-repeat;
}

.link_disable {
  pointer-events: none;
  cursor: default;
  /* Optional: Change cursor to indicate non-interactivity */
  color: gray;
  /* Optional: Style the link to appear disabled */
}

.link_update {
  background-image: url(images/icon_update.png);
}

.link_check {
  background-image: url(images/icon_check.png);
  background-repeat: no-repeat;
}

.link_uncheck {
  background-image: url(images/icon_uncheck.png);
  background-repeat: no-repeat;
}

.link_view {
  background-image: url(images/icon_view.png);
  background-repeat: no-repeat;
}

.link_go {
  background-image: url(images/icon_go.png);
  background-repeat: no-repeat;
}

.link_feature {
  background-image: url(images/icon_star.png);
  background-repeat: no-repeat;
}

.link_non_feature {
  background-image: url(images/icon_non_star.png);
  background-repeat: no-repeat;
}

.link_forward {
  background-image: url(images/icon_forward.png);
  background-repeat: no-repeat;
}

.link_forward:hover {
  background-image: url(images/icon_forward_hover.png);
  background-repeat: no-repeat;
}

.link_backward {
  background-image: url(images/icon_backward.png);
  background-repeat: no-repeat;
}

.link_backward:hover {
  background-image: url(images/icon_backward_hover.png);
  background-repeat: no-repeat;
}

.link_pause {
  background-image: url(images/icon_pause.png);
  background-repeat: no-repeat;
}

.link_play {
  background-image: url(images/icon_play.png);
  background-repeat: no-repeat;
}

.link_mail_active {
  background-image: url(images/icon_mail_active.png);
  background-repeat: no-repeat;
}

.link_mail_inactive {
  background-image: url(images/icon_mail_inactive.png);
  background-repeat: no-repeat;
}

a.link_paypal {
  background-image: url(images/icon_checkout.png);
  background-repeat: no-repeat;
  width: 72px;
}

a.link_chat {
  background-image: url(images/icon_chat.png);
  background-repeat: no-repeat;
}

.link_close {
  background-image: url(images/icon_close.png);
  background-repeat: no-repeat;
}

.link_search_red {
  background-image: url(images/icon_search_red.png);
  background-repeat: no-repeat;
}

.link_search {
  background-image: url(images/bg_btnsearch.png);
  background-repeat: no-repeat;
}

.link_folder {
  background-image: url(images/bg_folder.png);
  background-repeat: no-repeat;
}

.link_refresh {
  background-image: url(images/icon_refresh.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.link_refresh:hover {
  background-image: url(images/icon_refresh_hover.png);
}

.link_row {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 25px;
  height: 25px;
  margin: 1px 2px 1px 2px;
  border-radius: 2px;
  border: 1px solid #00ffff;
  background-color: yellow;
  background-size: auto 90%;
  background-position: center;
  background-repeat: no-repeat;
}

a.link_readmore {
  font-size: 11px;
  font-style: italic;
}

/* social-media start */

.my_icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.my_icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  margin: 0 0 1px 0;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  background-size: cover;
}

.my_icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3b5998;
  color: white;
  background-image: url(images/facebook.png);
}

.youtube {
  /* background: #911bf1; */
  color: white;
  background-image: url(images/youtube.png);
}

.twitter {
  background: #55acee;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

/* social-media end */

/* header_contact_links start */
.div_header_contact_links {
  grid-column: 2;
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: 1fr;
  gap: 3px;
  color: white;
  font-size: 12px;
  font-style: italic;
  margin: 2px 3px 0px 3px;
}

.div_header_contact_links a,
.div_header_contact_links a:link,
.div_header_contact_links a:hover,
.div_header_contact_links a:active {
  color: white;
  text-decoration: none;
}

.div_header_contact_links .link_img {
  height: 21px;
  width: 21px;
}

.div_header_contact_links .div_phone {
  display: flex;
  align-items: center;
}

.div_header_contact_links .div_whatsapp {
  display: flex;
  align-items: center;
}

.div_header_contact_links .div_facebook {
  display: flex;
  align-items: center;
}

.div_header_contact_links .div_mail {
  display: flex;
  align-items: center;
}

/* header_contact_links end */

/* LINKS END */

/* MY_STYLES START */

.my_clear {
  clear: both;
}

.my_float_left {
  width: auto;
  float: left;
  margin: 0 10px;
}

.my_float_right {
  width: auto;
  float: right;
  margin: 0 10px;
}

.my_hidden {
  display: none !important;
  visibility: collapse;
  height: 0;
  max-height: 0;
  max-width: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: transparent;
}

.my_shadow_box {
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.my_shadow_box_1 {
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.my_shadow_box_2 {
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.my_shadow_box_3 {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
}

.my_label {
  font-size: 11px;
  color: var(--color_lbl);
  font-style: italic;
  font-weight: bold;
}

.my_close_modal_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  clear: none;
  height: 32px;
  width: 32px;
  text-align: center;
  color: red;
  font-size: 72%;
  font-weight: bold;
  border: 0px solid #ddd;
  border-radius: 50%;
  overflow: hidden;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.my_close_modal_btn:hover,
.my_close_modal_btn:focus {
  background-color: lightgrey;
}

.my_span_msg {
  text-align: left;
  font-size: 11px;
  font-style: italic;
  padding: 1px 2px 1px 3px;
  background-color: var(--color_msg_bg);
}

.my_div_messages {
  clear: both;
  font-size: 12px;
  padding: 0 20px;
  width: 100%;
  height: auto;
  background-color: var(--color_msg_bg);
  text-align: left;
}

.my_dash_links_wrap {
  text-align: center;
}

.my_dash_links_wrap a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 20px;
  height: 20px;
  margin: 1px 2px 1px 2px;
  border-radius: 2px;
  border: 1px solid #00ffff;
  background-color: yellow;
  background-size: auto 90%;
  background-position: center;
  background-repeat: no-repeat;
}

.my_row_grad {
  color: #333;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #fafafa;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fafafa 0%, #eee 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eee', GradientType=0);
  /* IE6-9 */
}

.my_row_grad:hover,
.my_row_grad:focus,
.my_row_grad.active {
  background: #e4dfdf;
  background: -webkit-linear-gradient(top, #e4dfdf 0%, #e4dfdf 100%);
  background: -moz-linear-gradient(top, #e4dfdf 0%, #e4dfdf 100%);
  background: linear-gradient(top, #e4dfdf 0%, #e4dfdf 100%);
}

.my_row_grad.active a {
  font-weight: bold;
  text-decoration: underline;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.my_input_readonly {
  font-size: 10px;
}

/* MY_STYLES END */

/* PAGE_STYLES START */

#main_container {
  position: relative;
  clear: both;
  width: 100%;
  min-height: inherit;
  padding: 0 0 0 0;
  margin: 1px auto 1px auto;
  border-radius: 0px;
  background-color: var(--color_site_bg);
}

/* HEADER START */
#header_wrap {
  display: grid;
  grid-template-columns: auto auto auto 1fr auto auto;
  grid-template-rows: auto 1fr;
  align-items: center;
  text-align: left;
  position: relative;
  background-color: #046dd8;
  background-color: var(--color_hdr_bg);
  height: var(--my_header_height);
}

#link_site_image {
  grid-column: 1;
  grid-row: 1 / span 2;
  position: absolute;
  top: -20px;
  left: -20px;
  width: auto;
  height: 119px;
  z-index: 99;
  padding: 0;
  margin: 0;
}

#link_site_image:hover,
#link_site_image:active {
  text-decoration: none;
}

#img_site_logo {
  padding: 7px;
  width: auto;
  height: 100%;
  object-fit: contain;
}

#link_site_title {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: auto;
  padding: 0 0 0 10px;
  font-size: 27px;
  font-family: "Cinzel", serif;
  font-weight: bold;
  color: var(--color_site_title);
}

#link_site_title:hover,
#link_site_title:active {
  text-decoration: none;
  color: var(--color_site_title);
}

#div_site_slogan {
  grid-column: 3;
  grid-row: 1 / span 2;
  /* align-self: flex-end; */
  padding: 17px 0 10px 10px;
  font-size: 11px;
  font-style: italic;
  font-family: "Cinzel", serif;
  color: var(--color_site_title);
}

#div_site_adv {
  grid-column: 5;
  grid-row: 1;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: 1fr;
  gap: 6px;
  color: white;
  font-style: italic;
  margin: 0 3px;
  float: left;
}

/* menu_main start */

#menu_main {
  grid-column: 5;
  grid-row: 2;
  align-self: flex-end;
  margin: 0 23px 10px 0;
  z-index: 999;
}

#menu_main ul {
  z-index: 999;
}

#btn_menu_main {
  grid-column: 6;
  grid-row: 1 / span 2;
  display: none;
  color: #ffffff;
  font-size: 23px;
  font-weight: 700;
  padding: 1px;
  margin: 0 8px 0 0;
  cursor: pointer;
}

#btn_menu_main:hover {
  color: #e9f73c;
}

/* menu_main end */
/* HEADER END */

#div_breadcrumb {
  position: relative;
  clear: both;
  width: 100%;
  padding: 1px 0 1px 5px;
  text-align: left;
  background-color: var(--color_bread_bg);
  overflow: hidden;
}

#div_breadcrumb #bread_text {
  display: block;
  margin: auto;
  color: #000000;
  font-size: 11px;
  font-style: italic;
}

#div_content {
  display: block;
  position: relative;
  clear: both;
  width: 100%;
  min-height: inherit;
  margin: 0px auto 2px auto;
}

/* HOME PAGE BANNER START */

#div_home_page_banner_wrap {
  display: grid;
  /*  height: var(--my_home_page_banner_height); */
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
  padding: 7px;
  margin: 7px 3px 7px 3px;
  overflow: hidden;
  clear: both;
}

#div_home_page_banner_wrap_left {
  grid-column: 1;
  grid-row: 1;
  text-align: center;
  width: 90%;
  height: 90%;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 3px 7px 3px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 7px 3px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 7px 3px 0px rgb(0 0 0 / 75%);

  /* animation: contact_page_swing_board 7s linear 1s infinite normal forwards running; */
}

#div_home_page_banner_wrap_left iframe {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#div_home_page_banner {
  display: grid;
  grid-column: 2;
  grid-row: 1;
  grid-template-columns: 170px 1fr;
  grid-template-rows: 1fr 1fr 1fr;

}

#div_home_page_banner #div_home_page_banner_bg {
  grid-column: 1 / span 2;
  grid-row: 1 / span 3;
  z-index: 0;
  position: relative;
  height: var(--my_home_page_banner_height);
}

#div_home_page_banner #div_home_page_banner_left {
  grid-column: 1;
  grid-row: 3;
  margin: 5px;
  text-align: center;
  z-index: 1;
}

#div_home_page_banner #div_home_page_banner_left .input_submit {
  width: 100%;
  color: black;
  font-weight: 700;
  background-color: #ffd260;
  padding: 14px 20px;
  margin: 1px 0;
  border: none;
  border-radius: 21px;
  cursor: pointer;
  width: 75%;

  -webkit-box-shadow: 3px 7px 3px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 7px 3px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 3px 7px 3px 0px rgb(0 0 0 / 75%);
}

#div_home_page_banner #div_home_page_banner_left .input_submit:hover {
  color: #ffffff;
  background-color: #ff3300;
}

/* HOME PAGE BANNER END */

#div_home_page_swing_board_wrap {
  display: block;
  text-align: center;
  clear: both;
}

#div_home_page_multi_items_slide_show {
  display: block;
  text-align: center;
  clear: both;
}

/* CONTACT_PAGE_START */
#div_contact_wrap {
  display: block;
  padding: 10px;
}

#div_contact {
  display: grid;
  grid-template-columns: 60% 1fr;
  grid-template-rows: 1fr;
  gap: 23px;
  padding: 7px;
}

#div_contact .div_contact_left {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#div_contact .div_contact_left .div_address {
  grid-row: 1;
  grid-column: 1;
  align-self: self-start;
  font-size: 13px;
  padding: 23px;
}

#div_contact .div_contact_left .div_address_board {
  grid-row: 1;
  grid-column: 2;
  text-align: center;
}

#div_contact .div_contact_left .div_address_board .img_address_board {
  padding: 10px;
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: contain;
  object-position: center;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

  animation: contact_page_swing_board 7s linear 1s infinite normal forwards running;
}

@keyframes contact_page_swing_board {

  0% {
    transform: rotateZ(0deg);
  }

  30% {
    transform: rotateZ(2deg);
  }

  50% {
    transform: rotateZ(0deg);
    transform: rotateY(90deg);
    /* transform: rotateX(-45deg); */
  }

  80% {
    transform: rotateZ(-2deg);
  }

  100% {
    transform: rotateZ(0deg);
  }
}

#div_contact .div_contact_left .div_map {
  grid-row: 2;
  grid-column: 1 / span 2;
  border: 1px solid #ffffff;
  border-radius: 3px;
  overflow: hidden;
}

.div_contact_right {
  padding: 3px 10px;
  border: 1px solid #ddd;
  background-color: #ffffff;
}

#div_contact table {
  text-align: center;
  width: 100%;
}

#div_contact table th {
  background: transparent;
  border: 0px solid #ddd;
  text-align: center;
}

#div_contact table td {
  border: 0px solid #ddd;
  text-align: center;
}

.div_contact_labels {
  display: block;
  font-size: 12px;
  text-align: left;
}

#div_contact input[type="text"],
#div_contact input[type="number"],
#div_contact textarea {
  width: 100%;
  background-color: #e8f0fe;
  padding: 12px 20px;
  margin: 1px 0 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#div_contact .submit_descri {
  width: 100%;
  min-height: 132px;
  height: auto;
}

#div_contact .input_submit {
  width: 100%;
  color: white;
  background-color: #ffb200;
  padding: 14px 20px;
  margin: 1px 0;
  border: none;
  border-radius: 21px;
  cursor: pointer;
  width: 75%;
}

#div_contact .input_submit:hover {
  background-color: #ff3300;
}

#div_contact .link_back_login {
  display: block;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
}

#div_contact .link_back_login:hover {
  text-decoration: underline;
}

#div_contact .img_contact_form {
  max-width: 32%;
  height: auto;
  padding: 10px;
  margin: 23px 0 0 0;
  position: relative;
  object-fit: contain;
  object-position: center;

  animation: uf-animation 4s ease-in-out 1s infinite alternate;
}

@keyframes uf-animation {
  0% {
    top: 0px;
    left: 0px;
  }

  50% {
    top: -30px;
    left: 30px;
  }

  100% {
    top: 0px;
    left: 0px;
  }
}

/* CONTACT_PAGE_END */

.div_footer_wrap {
  clear: both;
  overflow: hidden;
  min-height: var(--my_footer_height);
  vertical-align: middle;
  text-align: center;
  padding: 5px 7px 1px 0;
  color: #ffffff;
  background-color: var(--color_hdr_bg);
  font-size: 11px;
}

#div_footer_copyr {
  width: auto;
  margin: 0 auto;
}

/* ITEM_BREADCRUMB START */

ul.item_breadcrumb {
  list-style-type: none;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 1px 10px;
  font-size: 15px;
  font-style: italic;
  background-color: #d8d9d991;
  overflow: hidden;
}

ul.item_breadcrumb li {
  float: left;
  padding: 3px;
  width: auto;
}

ul.item_breadcrumb li a::after {
  content: " \000BB";
}

/* ITEM_BREADCRUMB END */

/* BREADCRUMB START */

ul.breadcrumb {
  list-style-type: none;
  /* display: block; */
  display: flex;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  font-style: italic;
  background-color: #f9f9f9;
}

ul.breadcrumb li {
  float: left;
  padding: 3px;
  width: auto;
}

ul.breadcrumb li a::after {
  content: " \000BB";
}

/* BREADCRUMB END */

#pg_items_top {
  padding: 5px;
  margin: 0 0 0 0;
  border-radius: 0 0px 7px 7px;
  background-color: #d8d9d9;
  -webkit-box-shadow: 0px 4px 1px 0px rgba(188, 194, 174, 0.78);
  -moz-box-shadow: 0px 4px 1px 0px rgba(188, 194, 174, 0.78);
  box-shadow: 0px 4px 1px 0px rgba(188, 194, 174, 0.78);
}

/* PAGES START */

/* LOGIN PAGES START */
#div_login_wrap {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto 1fr auto;
  /* background-image: url(images/bg_login_pages.jpg); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
}

#div_login_wrap_top {
  grid-column: 1 / span 3;
  grid-row: 1;
  align-self: stretch;
}

#div_login_wrap_bottom {
  grid-column: 1 / span 3;
  grid-row: 3;
  align-self: stretch;
}

#div_login {
  grid-row: 1 / span 3;
  grid-column: 2;
  align-self: center;
  min-width: 30%;
  border-radius: 23px;
  background-color: #ffffff;
  padding: 23px;
  margin: 23px;
  border: 1px solid #ddd;

  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);

  position: relative;
}

#div_login .my_close_modal_btn {
  -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.75);
}

#div_login #div_message_box {
  font-size: 11px;
  font-style: italic;
  background-color: yellow;
  height: auto;
  word-wrap: break-word;
  margin: 0 0 0 10px;
}

#div_login .div_login_left {
  position: relative;
  min-width: 300px;
  height: 100%;
  background-image: url(images/pages/pg_login_left.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;

  /* background: radial-gradient(circle at 50% 50%, #ffffff, #fff8e9, #fff2d2, #ffebbc, #ffe5a6, #ffdf8f, #ffd878, #ffd260); */
}

#div_login .div_login_left span {
  position: absolute;
  color: #000000;
  margin-top: 50%;
  margin-left: 50%;
}

#div_login table {
  text-align: center;
  width: 100%;
}

#div_login table th {
  background: transparent;
  border: 0px solid #ddd;
  text-align: center;
}

#div_login table td {
  border: 0px solid #ddd;
  text-align: center;
}

.div_login_labels {
  display: block;
  font-size: 12px;
  text-align: left;
}

#div_login .div_capcha {
  display: grid;
  grid-template-columns: 1fr auto;
  align-content: center;
  align-items: center;
}

#div_login .div_capcha .link_refresh {
  display: block;
  width: 23px;
  height: 23px;
  text-decoration: none;
}

#div_login .link_reset {
  display: block;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
}

#div_login .link_reset:hover {
  text-decoration: underline;
}

#div_login input[type="text"],
#div_login input[type="number"],
#div_login input[type="password"] {
  width: 100%;
  background-color: #e8f0fe;
  padding: 12px 20px;
  margin: 1px 0 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#div_login .input_submit {
  width: 100%;
  color: white;
  background-color: #ffb200;
  padding: 14px 20px;
  margin: 1px 0;
  border: none;
  border-radius: 21px;
  cursor: pointer;
  width: 75%;
}

#div_login .input_submit:hover {
  background-color: #ff3300;
}

#div_login .link_register {
  font-size: 12px;
  text-decoration: none;
  width: auto;
  cursor: pointer;
  color: black;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 21px;
  padding: 14px 20px;
  margin: 10px auto;
}

#div_login .link_register:hover {
  color: white;
  background-color: #ff3300;
}

#div_login .link_back_login {
  display: block;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
}

#div_login .link_back_login:hover {
  text-decoration: underline;
}

img.captcha {
  width: auto;
  height: 47px;
  border-radius: 5px;
  border: 3px solid #F5F524;
}

/* LOGIN PAGES END */

/* PAGES END */

/* PAGER START */

.div_pager_wrap {
  clear: both;
  text-align: center;
  padding: 0 0 0 0;
  margin: 1px 0 1px 0;
  overflow: hidden;
  border: 0px solid #ddd;
  border-radius: 3px;
}

.div_pager_wrap_clone {
  clear: both;
  text-align: center;
  padding: 0 0 0 0;
  margin: 1px 0 1px 0;
  overflow: hidden;
  border: 0px solid #ddd;
  border-radius: 3px;
}

.div_pager_count {
  display: block;
  width: auto;
  padding: 0;
  clear: both;
}

.span_pager_count {
  display: inline-block;
  font-style: italic;
  font-size: 11px;
  padding: 2px;
  margin: 2px;
  color: #11156e;
  vertical-align: -webkit-baseline-middle;
}

ul.pager {
  display: block;
  padding: 2px;
  margin: auto auto 5px 23px;
  width: auto;
  text-align: center;
  text-transform: uppercase;
  clear: both;
}

ul.pager li {
  display: inline-block;
  padding: 0;
  margin: 1px 10px 1px 1px;
  width: auto;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
}

ul.pager li a {
  display: block;
  padding: 3px 6px;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

ul.pager>li:hover {
  color: #ffffff;
  background-color: #3c579d;
}

ul.pager>li:hover a {
  color: #ffffff;
}

ul.pager>li.active {
  color: #ffffff;
  background-color: #3c579d;
  pointer-events: none;
}

ul.pager>li.active a {
  color: #ffffff;
}

ul.pager>li.disabled {
  color: #ffffff;
  background-color: #3c579d;
  pointer-events: none;
  display: none;
}

ul.pager>li.disabled a {
  color: #ffffff;
  display: none;
}

ul.pager li.spacer {
  box-shadow: none;
  cursor: default;
}

ul.pager>li.spacer:hover {
  color: #ffffff;
  background-color: transparent;
}

ul.pager>li.spacer:hover a {
  color: #000000;
}

/* PAGER END */

/*  ITEMS SECTION START */

.section_header {
  display: block;
  clear: both;
  font-size: 13px;
  font-style: italic;
  font-weight: bold;
}

/* UL_GENDER START */
ul.ul_gender {
  font-family: "Cinzel", Tahoma, sans-serif;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  margin: 0;
  border-radius: 5px 0 0 5px;
  list-style: none;
}

ul.ul_gender li input {
  margin: 2px 7px 7px 2px;
}

ul.ul_gender li {
  display: block;
  float: left;
  width: auto;
  border-radius: 3px;
  padding: 0 0 0 0;
  padding: 0 7px 0 7px;
}

/* UL_GENDER END */

/* MENU_CAT START */

#menu_cat {
  display: block;
}

ul.menu_cat {
  font-family: "Cinzel", Tahoma, sans-serif;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  margin: 0;
  border-radius: 5px 0 0 5px;
}

ul.menu_cat li input {
  margin: 2px 7px 7px 2px;
}

ul.menu_cat li {
  display: block;
  float: left;
  width: auto;
  clear: both;
  border-radius: 3px;
  padding: 0 0 0 0;
  padding: 0 7px 0 7px;
}

ul.menu_cat>li.parent {
  /* background-image: url(images/parent.png); */
  background-repeat: no-repeat;
  background-position: right 50% bottom 0px;
  padding: 0 7px 3px 7px;
}

ul.menu_cat li a {
  display: inline-block;
  width: 100%;
  border-radius: 3px;
  padding: 2px 4px 2px 4px;
  margin: 2px;
  font-size: 12px;
  text-decoration: none;
}

ul.menu_cat li a:hover {
  color: #ffffff;
  background-color: #f20024;
}

ul.menu_cat li a.active {
  color: #ffffff;
  background-color: #f20024;
}

/* second level */

ul.menu_cat>li>ul {
  display: block;
  position: relative;
  left: 10px;
  padding: 2px;
  margin: 0 0 0 0;
}

ul.menu_cat>li>ul>li {
  clear: both;
  width: 100%;
}

ul.menu_cat>li>ul>li.parent {
  /* background-image: url(images/parent_right.png); */
  background-repeat: no-repeat;
  background-position: top 50% right 0px;
  padding: 0 7px 3px 7px;
}

/* third level */

ul.menu_cat>li>ul>li>ul {
  display: block;
  position: relative;
  padding: 2px;
  margin: 0 0 0 0;
  width: 200px;
}

ul.menu_cat>li>ul>li>ul>li {
  clear: both;
  width: 100%;
}

/* MENU_CAT END */

.div_img_main_cat_wrap {
  display: grid;
  grid-template-rows: auto auto;
  justify-content: center;
  align-content: center;
}

.div_img_main_cat_wrap .img_main_cat {
  height: auto;
  width: 230px;
  padding: 3px;
  border-radius: 7px;
  border: 0px solid #ddd;
  object-fit: contain;
  object-position: center;

}

.div_img_main_cat_wrap .section_header {
  text-align: center;
}

/*  ITEM CATS START */

#div_item_cats_wrap {
  clear: both;
  text-align: left;
  overflow: hidden;
  padding: 2px 7px;
  margin: 7px 23px 10px 23px;
  border: 1px solid #ddd;
  border-radius: 7px;
  box-shadow: 0px 4px 1px 0px rgba(189, 194, 174, 0.78);
}

#div_item_cats_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
  gap: 10px;
  margin: 10px 0 10px 0;
}

.div_item_cats_block {
  text-align: center;
  padding: 2px;
  border-radius: 3px;
  border: 0px solid #ffffff;
  overflow: hidden;
}

.div_item_cats_block:hover {
  border: 0px solid #ddd;
}

.div_item_cats_block .div_img_item_cats {
  clear: both;
  width: 100%;
  overflow: hidden;
}

.div_item_cats_block .img_item_cats {
  clear: both;
  width: 100%;
  height: auto;
  padding: 3px;
  border-radius: 7px;
  border: 0px solid #ddd;
  object-fit: contain;
  object-position: center;
  transition: transform 0.7s;
}

.div_item_cats_block .img_item_cats:hover {
  transform: scale(1.07);
}

.div_item_cats_block h3 {
  font-size: 12px;
  display: block;
}

.div_item_cats_block .div_item_cats_title {
  clear: both;
  font-size: 11px;
  font-style: italic;
}

.div_item_cats_block .div_item_cats_familytree {
  clear: both;
  font-size: 11px;
  font-style: italic;
}

.div_item_cats_block .div_item_cats_descri {
  clear: both;
  font-size: 11px;
  font-style: italic;
}

/*  ITEM CATS END */

/* ITEMS START */

#div_items_wrap {
  clear: both;
  text-align: left;
  overflow: hidden;
  padding: 2px 7px;
  margin: 20px 23px 10px 23px;
  border: 1px solid #ddd;
  border-radius: 7px;
  box-shadow: 0px 4px 1px 0px rgba(189, 194, 174, 0.78);
}

#div_items_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
  gap: 10px;
  margin: 10px 0 10px 0;
}

.div_items_block {
  text-align: center;
  padding: 2px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.div_items_block .div_items_block_sub {
  display: block;
  clear: both;
  cursor: pointer;
  width: 100%;
  height: auto;
}

.div_items_block .div_img_items {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.div_items_block .img_items {
  clear: both;
  width: 100%;
  height: 150px;
  padding: 3px;
  border-radius: 7px;
  border: 0px solid #ddd;
  object-fit: contain;
  object-position: center;
  transition: transform 0.7s;
}

.div_items_block .img_items:hover {
  box-shadow: 0 0 0px 0px rgba(0, 140, 186, 0.5);
  transform: scale(1.03);
}

.div_items_block .items_title {
  font-size: 12px;
  display: block;
}

.div_items_block .items_cat_title::before {
  content: "Category: ";
}

.div_items_block .items_cat_title {
  font-size: 11px;
  font-style: italic;
  display: block;
}

.div_items_block .items_categories_list {
  display: block;
}

.div_items_block .items_categories_list .item_label {
  display: block;
  font-size: 11px;
  font-style: italic;
  /* font-weight: bold; */
  text-align: center;
  margin: 2px;
}

.div_items_block .items_categories_list span {
  font-size: 11px;
  font-style: italic;
  margin: 5px;
}

.div_items_block .items_categories_list span a {
  background-color: #e8f0fe;
  border-radius: 5px;
  padding: 2px 10px;
}

.div_items_block .div_items_tags {
  clear: both;
  font-size: 11px;
  font-style: italic;
}

.div_items_block .div_items_summary {
  clear: both;
  font-size: 11px;
  font-style: italic;
}

/* ITEMS END */

/* ITEMS SINGLE START */

#div_item_single {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  margin: 0px 0 5px 0;
  align-items: start;
}

#div_item_single_clm_left {
  padding: 5px;
  overflow: hidden;
  justify-content: center;
}

#div_item_single_clm_right {
  padding: 5px;
  overflow: hidden;
}

.item_label {
  display: block;
  font-style: italic;
  font-weight: bold;
  clear: both;
  text-align: left;
  margin: 3px 0;
}

.item_label:after {
  content: ": ";
}

.img_item {
  clear: both;
  width: 100%;
  height: auto;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #ddd;
  object-fit: contain;
  object-position: center;
}

/* item_img_thumbs */
.div_item_img_thumbs {
  clear: both;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
  gap: 1em;
  margin: 10px 0 10px 0;
  justify-content: center;
}

.div_item_img_thumb {
  text-align: center;
  width: auto;
}

.item_img_thumb {
  width: 100%;
  height: 100px;
  padding: 7px;
  margin: 0;
  border-radius: 7px;
  border: 0px solid #ddd;
  object-fit: contain;
  object-position: center;
  cursor: pointer;
}

.item_img_thumb:hover {
  padding: 6px;
}

.item_img_thumb_title {
  font-size: 10px;
  font-style: italic;
}

#h2_item_single_title {
  clear: both;
  text-align: left;
  padding: 5px;
  margin: 0 auto 2px auto;
  width: 99%;
  border-radius: 4px;
  border: 0px solid #ddd;
}

#item_single_cat_title {
  display: block;
  clear: both;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}

.div_item_info_blocks {
  clear: both;
  padding: 5px;
  margin: 1px auto 7px auto;
  border-radius: 4px;
  border: 1px solid #ddd;
}

/* div_item_categories */
#div_item_single #items_categories_list span {
  font-size: 11px;
  font-style: italic;
  margin: 5px;
}

/* div_item_summary */

#div_item_summary {
  text-align: left;
}

/* item_tags */
#div_item_tags {
  text-align: left;
}

#div_item_tags .span_tag {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding: 2px 5px;
  margin: 2px 5px;
  border-radius: 5px;
  border: 1px solid rgba(138, 5, 16, 0.13);
  background-color: #f9f9f9;
}

/* item_traits */
#div_item_traits {
  text-align: left;
}

#div_item_traits .div_item_trait_row {
  clear: both;
  text-align: left;
  font-size: 11px;
  padding: 2px 5px;
  margin: 0 auto 2px auto;
  border-radius: 3px;
  border: 1px solid rgba(138, 5, 16, 0.13);
  background-color: #f9f9f9;
}

.div_item_trait_row .span_trait_title {
  display: inline-block;
  vertical-align: top;
  /* width: 100px; */
  padding: 2px 5px;
  margin: 2px 5px;
  font-style: italic;
  font-weight: bold;
  word-wrap: break-word;
}

.div_item_trait_row .span_trait_title::after {
  content: ": ";
}

.div_item_trait_row .span_trait_descri {
  display: inline-block;
  vertical-align: top;
  padding: 2px 5px;
  margin: 2px 5px;
}

/* div_item_files */

#div_item_files {
  display: block;
  margin: 10px 0 10px 0;
  text-align: left;
}

.div_item_file_block {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  border-radius: 3px;
  border: 1px solid #d3d3d3;
  padding: 3px;
  margin: 5px;
  overflow: hidden;
}

.div_item_file_block h6 {
  font-size: 11px;
  font-style: italic;
  text-align: left;
}

.div_item_file_block span {
  display: block;
  font-size: 11px;
  font-style: italic;
  text-align: left;
  padding: 2px;
  margin: 0 0 2px 0;
}

.div_item_file_block span.item_file_name {
  display: block;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  text-align: left;
  padding: 2px;
  margin: 0 0 2px 0;
}

/* div_item_descri */

#div_item_descri {
  text-align: left;
}

/* item_faqs*/

.div_item_faq_single {
  display: block;
  text-align: left;
  padding: 0 0 0 0;
  margin: 0 0 3px 0;
  border-radius: 5px 5px 0 0;
  border: 1px solid rgba(138, 5, 16, 0.13);
  overflow: hidden;
}

.div_item_faq_single .div_title_wrap {
  display: grid;
  grid-template-columns: 1fr auto;
  font-size: 13px;
  font-weight: bold;
  background-color: #ddd;
}

.div_item_faq_single .div_title {
  grid-column: 1;
  padding: 15px;
  cursor: pointer;
}

.div_item_faq_single .div_title::after {
  content: ": ";
}

.div_item_faq_opener {
  grid-column: 2;
  padding: 15px;
  font-size: 23px;
  float: right;
  line-height: 0.8;
  cursor: pointer;
}

.div_item_faq_single .div_descri_wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  font-size: 12px;
  margin: 0px;
  padding: 0px 15px;
  line-height: 2;
  max-height: 0px;
  overflow: hidden;
  transition: 2s;
}

.div_item_faq_single .div_descri_wrap .item_faq_img {
  grid-column: 1;
  width: 72px;
  height: auto;
  padding: 2px;
  border-radius: 5px;
  background-color: transparent;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
}

.div_item_faq_single .div_descri {
  grid-column: 2;
  padding: 1px 3px;
}

/* item_notes*/

.div_item_note_single {
  display: block;
  text-align: left;
  padding: 0 0 0 0;
  margin: 0 0 3px 0;
  border-radius: 5px 5px 0 0;
  border: 1px solid rgba(138, 5, 16, 0.13);
  overflow: hidden;
}

.div_item_note_single .div_title_wrap {
  display: grid;
  grid-template-columns: 1fr auto;
  font-size: 13px;
  font-weight: bold;
  background-color: #ddd;
}

.div_item_note_single .div_title {
  grid-column: 1;
  padding: 15px;
  cursor: pointer;
}

.div_item_note_single .div_title::after {
  content: ": ";
}

.div_item_note_opener {
  grid-column: 2;
  padding: 15px;
  font-size: 23px;
  float: right;
  line-height: 0.8;
  cursor: pointer;
}

.div_item_note_single .div_descri_wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  font-size: 12px;
  margin: 0px;
  padding: 0px 15px;
  line-height: 2;
  max-height: 0px;
  overflow: hidden;
  transition: 2s;
}

.div_item_note_single .div_descri_wrap .item_note_img {
  grid-column: 1;
  width: 72px;
  height: auto;
  padding: 2px;
  border-radius: 5px;
  background-color: transparent;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
}

.div_item_note_single .div_descri {
  grid-column: 2;
  padding: 1px 3px;
}

/* item_events*/

.div_item_event_single {
  display: block;
  text-align: left;
  padding: 0 0 0 0;
  margin: 0 0 3px 0;
  border-radius: 5px 5px 0 0;
  border: 1px solid rgba(138, 5, 16, 0.13);
  overflow: hidden;
}

.div_item_event_single .div_title_wrap {
  display: grid;
  grid-template-columns: 1fr auto;
  font-size: 13px;
  font-weight: bold;
  background-color: #ddd;
}

.div_item_event_single .div_title {
  grid-column: 1;
  padding: 15px;
  cursor: pointer;
}

.div_item_event_single .div_title::after {
  content: ": ";
}

.div_item_event_opener {
  grid-column: 2;
  padding: 15px;
  font-size: 23px;
  float: right;
  line-height: 0.8;
  cursor: pointer;
}

.div_item_event_single .div_descri_wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  font-size: 12px;
  margin: 0px;
  padding: 0px 15px;
  line-height: 2;
  max-height: 0px;
  overflow: hidden;
  transition: 2s;
}

.div_item_event_single .div_descri_wrap .item_event_img {
  grid-column: 1;
  width: 72px;
  height: auto;
  padding: 2px;
  border-radius: 5px;
  background-color: transparent;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
}

.div_item_event_single .div_stime {
  grid-column: 2;
  padding: 1px 3px;
}

.div_item_event_single .div_etime {
  grid-column: 2;
  padding: 1px 3px;
}

.div_item_event_single .div_descri {
  grid-column: 2;
  padding: 1px 3px;
}

/* item_links*/

.div_item_link_single {
  display: block;
  text-align: left;
  padding: 0 0 0 0;
  margin: 0 0 3px 0;
  border-radius: 5px 5px 0 0;
  border: 1px solid rgba(138, 5, 16, 0.13);
  overflow: hidden;
}

.div_item_link_single .div_title_wrap {
  display: grid;
  grid-template-columns: 1fr auto;
  font-size: 13px;
  font-weight: bold;
  background-color: #ddd;
}

.div_item_link_single .div_title {
  grid-column: 1;
  padding: 15px;
  cursor: pointer;
}

.div_item_link_single .div_title::after {
  content: ": ";
}

.div_item_link_1_opener {
  grid-column: 2;
  padding: 15px;
  font-size: 23px;
  float: right;
  line-height: 0.8;
  cursor: pointer;
}

.div_item_link_single .div_item_link_1 {
  display: grid;
  align-items: center;
  font-size: 12px;
  margin: 0px;
  padding: 0px 15px;
  line-height: 2;
  max-height: 0px;
  overflow: hidden;
  transition: 2s;
}

/* item_modelview */

.div_item_modelviews {
  display: block;
}

.div_item_modelview {
  position: relative;
  clear: both;
  width: 100%;
  height: 230px;
  padding: 5px;
  margin: 0 0 10px 0;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.div_item_modelview .div_info {
  position: absolute;
  bottom: 10px;
  left: 10px;
  text-align: center;
}

/* item_audio */
audio {
  width: 320px;
  height: 27px;
  border-radius: 5px;
}

#div_item_audios {
  display: block;
}

#div_item_audios .item_audio {
  width: 320px;
  height: 27px;
  border-radius: 5px;
}

/* item_videos  */
#div_item_videos {
  display: block;
}

#div_item_videos .item_video {
  clear: both;
  width: auto;
  height: 270px;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #ddd;
  object-fit: contain;
  object-position: top;
}

/* item_youtube_links  */
#div_item_youtube_links {
  display: block;
}

#div_item_youtube_links .div_item_youtube_link_single {
  display: block;
  height: auto;
  padding: 5px;
  margin: 15px 5px;
  border-radius: 4px;
  border: 1px solid #ddd;
  overflow: hidden;
}

#div_item_youtube_links .div_item_youtube_link_single .div_youtube_link_title {
  margin: 10px 0;
}

#div_item_youtube_links .div_item_youtube_link_single .object_youtube_player {
  width: 100%;
  height: 230px;
}

/* ITEMS SINGLE END */

/* ITEMS SEARCH START */

#div_ajax_items_wrap {
  overflow: auto;
}

/* ITEMS SEARCH END */

/* DASH-BOARD START */

/* dash_header_wrap start */

#dash_header_wrap {
  display: block;
  min-height: 37px;
  clear: both;
  background-color: var(--color_hdr_dash_bg);
  z-index: 999;
}

#btn_menu_dash {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  clear: both;
  width: auto;
  padding: 5px 10px;
  margin: 2px 10px;
  border-radius: 50%;
  overflow: hidden;
  color: #ffffff;
  background-color: orangered;
  font-size: 21px;
  font-weight: 700;
  text-align: right;
  cursor: pointer;
  z-index: 999;
}

#btn_menu_dash:hover {
  color: blue;
  background-color: orange;
}

/* dash_header_wrap end */

/* menu_dash_top start */

#menu_dash {
  display: block;
  z-index: 999;
  float: left;
  margin: 0 0 0 200px;
}

#menu_dash ul {
  z-index: 999;
}

/* menu_dash_top end */

#div_dash_wrap {
  margin: 0 auto;
  clear: both;
  width: 98%;
}

.div_dash_section_header {
  clear: both;
  width: 100%;
  text-align: left;
  padding: 3px 10px;
  background-color: var(--color_hdr_dash_section_bg);
}

.div_dash_section_header>a:link,
.div_dash_section_header>h3,
.div_dash_section_header>h6 {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 10px;
  font-size: 12px;
  font-style: italic;
}

.div_dash_section_header_sub {
  clear: both;
  text-align: left;
  padding: 0 0 0 0;
  margin: 1px 0 1px 0;
  overflow: hidden;
  border: 0px solid #ddd;
  background-color: #f9f9f9;
  border-radius: 3px;
}

.div_dash_section_header_sub .my_sub_label {
  font-size: 11px;
  font-style: italic;
  margin: 3px 2px;
}

.div_dash_section_header_sub table.my_sub_tbl {
  width: auto;
  margin: 5px 10px;
}

.div_dash_section_header_sub table.my_sub_tbl th {
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
}

.div_dash_section_header_sub table.my_sub_tbl td {
  font-size: 11px;
  padding: 7px;
}

/* DASH_ITEMS START */

#div_dash_item_left_clm {
  width: 25%;
  height: 100%;
  float: left;
  overflow-x: auto;
  padding: 0 10px 0 0;
  margin: 0;
  text-align: left;
}

#div_dash_item_center_clm {
  width: 72%;
  height: 100%;
  float: left;
  height: auto;
}

#div_dash_item_right_clm {
  width: 25%;
  height: 100%;
  float: right;
  overflow-x: auto;
  padding: 0 10px 0 0;
  margin: 0;
  text-align: left;
}

ul.dash_items {
  display: block;
  clear: both;
  list-style: none;
  text-align: left;
  padding: 3px 0 0 3px;
  margin: 0;
}

ul.dash_items li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 2px 5px;
  margin: 0px 0px 7px 0px;
  text-align: left;
  font-weight: bold;
  cursor: default;
}

ul.dash_items li .div_title {
  order: 1;
  flex-grow: 1;
}

ul.dash_items li .div_cat_title {
  order: 2;
  flex-grow: 1;
}

ul.dash_items li .my_dash_links_wrap {
  order: 3;
}

/* DASH_ITEMS END */

/* DASH_SLIDES START */

#div_dash_slides_left_clm {
  width: 25%;
  float: left;
  padding: 0 10px 0 0;
  margin: 0;
  text-align: left;
  overflow-x: auto;
}

#div_dash_slides_center_clm {
  width: 72%;
  float: left;
  overflow: hidden;
}

ul.dash_slides {
  display: block;
  clear: both;
  list-style: none;
  text-align: left;
  padding: 3px 0 0 3px;
  margin: 0;
}

ul.dash_slides li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 2px 5px;
  margin: 0px 0px 7px 0px;
  text-align: left;
  font-weight: bold;
  cursor: default;
}

ul.dash_slides li .img_dash_slide {
  order: 1;
  width: 32px;
  height: 32px;
  padding: 2px;
  border-radius: 5px;
  background-color: transparent;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
}

ul.dash_slides li .div_id {
  order: 2;
  width: auto;
  margin: auto 10px auto 10px;
}

ul.dash_slides li .div_title {
  order: 2;
  flex-grow: 1;
  margin: auto 10px auto 10px;
}

ul.dash_slides li .my_dash_links_wrap {
  order: 3;
}

/* DASH_SLIDES END */

/* DASH_EVENTS START */

#div_dash_events_left_clm {
  width: 25%;
  float: left;
  padding: 0 10px 0 0;
  margin: 0;
  text-align: left;
  overflow-x: auto;
}

#div_dash_events_center_clm {
  width: 72%;
  float: left;
  overflow: hidden;
}

ul.dash_events_cats {
  display: block;
  clear: both;
  list-style: none;
  text-align: left;
  padding: 3px 0 0 3px;
  margin: 0;
}

ul.dash_events_cats li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 2px 5px;
  margin: 0px 0px 7px 0px;
  text-align: left;
  font-weight: bold;
  cursor: default;
}

ul.dash_events_cats li .img_dash_event {
  order: 1;
  width: 32px;
  height: 32px;
  padding: 2px;
  border-radius: 5px;
  background-color: transparent;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
}

ul.dash_events_cats li .div_id {
  order: 2;
  width: auto;
  margin: auto 10px auto 10px;
}

ul.dash_events_cats li .div_title {
  order: 2;
  flex-grow: 1;
  margin: auto 10px auto 10px;
}

ul.dash_events_cats li .my_dash_links_wrap {
  order: 3;
}


ul.dash_events_items {
  display: block;
  clear: both;
  list-style: none;
  text-align: left;
  padding: 3px 0 0 3px;
  margin: 0;
}

ul.dash_events_items li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 2px 5px;
  margin: 0px 0px 7px 0px;
  text-align: left;
  font-weight: bold;
  cursor: default;
}

ul.dash_events_items li .div_title {
  order: 1;
  flex-grow: 1;
  margin: auto 10px auto 10px;
}

ul.dash_events_items li .div_stime {
  order: 2;
  flex-grow: 1;
  margin: auto 10px auto 10px;
}

ul.dash_events_items li .div_stime::before {
  content: "Start: ";
  font-weight: normal;
  font-style: italic;
}

ul.dash_events_items li .div_etime {
  order: 3;
  flex-grow: 1;
  margin: auto 10px auto 10px;
}

ul.dash_events_items li .div_etime::before {
  content: "End: ";
  font-weight: normal;
  font-style: italic;
}

ul.dash_events_items li .my_dash_links_wrap {
  order: 4;
}

/* DASH_EVENTS END */

/* DASH_USERS START */

ul.dash_users {
  display: block;
  clear: both;
  list-style: none;
  text-align: left;
  padding: 3px 0 0 3px;
  margin: 0;
}

ul.dash_users li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 2px 5px;
  margin: 0px 0px 7px 0px;
  text-align: left;
  font-weight: bold;
  cursor: default;
}

ul.dash_users li .div_title {
  display: inline-block;
  order: 1;
  min-width: 100px;
  width: auto;
  height: 100%;
  text-align: left;
  vertical-align: middle;
  padding: 0 0 0 10px;
  overflow: hidden;
}

ul.dash_users li .div_email {
  display: inline-block;
  order: 2;
  flex-grow: 1;
  min-width: 100px;
  width: auto;
  height: 100%;
  text-align: left;
  vertical-align: middle;
  padding: 0 0 0 10px;
  overflow: hidden;
  cursor: default;
  margin: 0 0 0 10px;
}

ul.dash_users li .div_role {
  display: inline-block;
  order: 3;
  min-width: 150px;
  height: 100%;
  vertical-align: middle;
  text-align: left;
  padding: 1px;
  margin: 0 10px 0 0;
  overflow: hidden;
  cursor: default;
}

ul.dash_users li .div_items_count {
  display: inline-block;
  order: 4;
  min-width: 150px;
  height: 100%;
  vertical-align: middle;
  text-align: left;
  padding: 1px;
  margin: 0 10px 0 0;
  overflow: hidden;
  cursor: default;
}

ul.dash_users li .div_items_count a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  border-radius: 2px;
  border: 1px solid #00ffff;
  background-color: yellow;
  background-size: auto 90%;
  background-position: center;
  background-repeat: no-repeat;
}

ul.dash_users li .my_dash_links_wrap {
  order: 5;
}

/* DASH_USERS END */

/* DASH_CLIENTS START */

ul.dash_clients {
  display: block;
  clear: both;
  list-style: none;
  text-align: left;
  padding: 3px 0 0 3px;
  margin: 0;
}

ul.dash_clients li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 2px 5px;
  margin: 0px 0px 7px 0px;
  text-align: left;
  font-weight: bold;
  cursor: default;
}

ul.dash_clients li .div_title {
  display: inline-block;
  order: 1;
  min-width: 100px;
  width: auto;
  height: 100%;
  text-align: left;
  vertical-align: middle;
  padding: 0 0 0 10px;
  overflow: hidden;
}

ul.dash_clients li .div_email {
  display: inline-block;
  order: 2;
  flex-grow: 1;
  min-width: 100px;
  width: auto;
  height: 100%;
  text-align: left;
  vertical-align: middle;
  padding: 0 0 0 10px;
  overflow: hidden;
  cursor: default;
  margin: 0 0 0 10px;
}

ul.dash_clients li .div_role {
  display: inline-block;
  order: 3;
  min-width: 150px;
  height: 100%;
  vertical-align: middle;
  text-align: left;
  padding: 1px;
  margin: 0 10px 0 0;
  overflow: hidden;
  cursor: default;
}

ul.dash_clients li .div_items_count {
  display: inline-block;
  order: 4;
  min-width: 150px;
  height: 100%;
  vertical-align: middle;
  text-align: left;
  padding: 1px;
  margin: 0 10px 0 0;
  overflow: hidden;
  cursor: default;
}

ul.dash_clients li .div_items_count a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  border-radius: 2px;
  border: 1px solid #00ffff;
  background-color: yellow;
  background-size: auto 90%;
  background-position: center;
  background-repeat: no-repeat;
}

ul.dash_clients li .my_dash_links_wrap {
  order: 5;
}

/* DASH_CLIENTS END */

/* DASH_GUESTS START */

ul.dash_guests {
  display: block;
  clear: both;
  list-style: none;
  text-align: left;
  padding: 3px 0 0 3px;
  margin: 0;
}

ul.dash_guests li {
  display: flex;
  align-items: center;
  height: auto;
  padding: 2px 5px;
  margin: 0px 0px 7px 0px;
  text-align: left;
  font-weight: bold;
  cursor: default;
}

ul.dash_guests li .div_title {
  display: inline-block;
  order: 1;
  min-width: 100px;
  width: auto;
  height: 100%;
  text-align: left;
  vertical-align: middle;
  padding: 0 0 0 10px;
  overflow: hidden;
}

ul.dash_guests li .div_email {
  display: inline-block;
  order: 2;
  flex-grow: 1;
  min-width: 100px;
  width: auto;
  height: 100%;
  text-align: left;
  vertical-align: middle;
  padding: 0 0 0 10px;
  overflow: hidden;
  cursor: default;
  margin: 0 0 0 10px;
}

ul.dash_guests li .div_role {
  display: inline-block;
  order: 3;
  min-width: 150px;
  height: 100%;
  vertical-align: middle;
  text-align: left;
  padding: 1px;
  margin: 0 10px 0 0;
  overflow: hidden;
  cursor: default;
}

ul.dash_guests li .my_dash_links_wrap {
  order: 4;
}

/* DASH_GUESTS END */

/* DASH_TRAITS START */

ul.dash_traits {
  display: block;
  clear: both;
  list-style: none;
  text-align: left;
  padding: 3px 0 0 3px;
  margin: 0;
}

ul.dash_traits li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 2px 5px;
  margin: 5px;
  width: auto;
  height: auto;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  cursor: default;
}

ul.dash_traits li .div_title {
  clear: both;
  margin: 0 0 5px 0;
}

ul.dash_traits li .my_dash_links_wrap {
  clear: both;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3px;
  text-align: center;
  overflow: hidden;
}

/* DASH_TRAITS END */

/* DASH_TAGS START */

ul.dash_tags {
  display: block;
  clear: both;
  list-style: none;
  text-align: left;
  padding: 3px 0 0 3px;
  margin: 0;
}

ul.dash_tags li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 2px 5px;
  margin: 5px;
  width: auto;
  height: auto;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  cursor: default;
}

ul.dash_tags li .div_title {
  clear: both;
  margin: 0 0 5px 0;
}

ul.dash_tags li .my_dash_links_wrap {
  clear: both;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3px;
  text-align: center;
  overflow: hidden;
}

/* DASH_TAGS END */

/* DASH SUBMIT_FORM START */

#div_submit_wrap {
  clear: both;
  overflow: hidden;
}

#div_submit_wrap .div_row {
  display: grid;
  grid-template-columns: 130px 1fr;
  align-items: center;
  width: 95%;
  border-radius: 4px;
  border: 1px solid #F3EEEE;
}

.div_item_submit_wrap .div_row {
  padding: 5px;
  margin: 10px 10px 30px 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  border: 1px solid #F3EEEE;
}

.div_item_submit_wrap .div_dash_clm_blocks {
  padding: 5px;
  margin: 10px 10px 30px 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  border: 1px solid #F3EEEE;
  overflow: auto;
}

#div_submit_wrap .div_row .div_cell_1 {
  text-align: left;
  padding: 7px;
}

#div_submit_wrap .div_row .div_cell_2 {
  text-align: left;
  padding: 7px;
  /* overflow: auto; */
}

#div_submit_wrap .img_preview {
  display: inline-block;
  width: 100px;
  height: 100px;
  min-width: 100px;
  max-width: 100px;
  min-height: 100px;
  max-height: 100px;
  margin: 0 auto;
  border-radius: 3px;
  object-fit: contain;
  object-position: center;
  background-color: lightgoldenrodyellow;
}

#div_submit_wrap .img_preview::before {
  position: absolute;
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  min-width: 100px;
  max-width: 100px;
  min-height: 100px;
  max-height: 100px;
  margin: 0 auto;
  border-radius: 3px;
  border: 1px solid #cccccc;
  background-color: lightgoldenrodyellow;
}

#div_submit_wrap .ip_img_name {
  border: 0px solid #ddd;
}

#div_submit_wrap input[type="text"],
#div_submit_wrap input[type="password"],
#div_submit_wrap input[type="email"] {
  width: 320px;
}

#div_submit_wrap .submit_textarea {
  width: 50%;
  height: auto;
  border: none;
  outline: none;
  resize: none;
  margin: 1px;
}

#div_submit_wrap .submit_summary {
  width: 50%;
  min-height: 72px;
  height: auto;
}

#div_submit_wrap .submit_descri {
  width: 50%;
  min-height: 72px;
  height: auto;
}

#div_submit_wrap .submit_link_1 {
  width: 50%;
  min-height: 72px;
  height: auto;
}

#div_submit_wrap .submit_link_2 {
  width: 50%;
  min-height: 72px;
  height: auto;
}

#div_submit_wrap .div_btn_submit {
  text-align: center;
  width: 60%;
}

#div_submit_wrap .btn_submit {
  font-size: 11px;
}

#div_submit_wrap .btn_clear {
  font-size: 11px;
  margin: 10px;
}

/* DASH SUBMIT_FORM END */

/* DASH-BOARD END */

/* ##Device = Laptops, Desktops ##Screen = above 768px */

@media (min-width: 768px) {
  #menu_main {
    display: block;
  }

  /* menu_main_top start */
  .menu_main_top {
    font-weight: bold;
    list-style-type: none;
    padding: 2px;
    margin: 2px;
    text-align: right;
  }

  .menu_main_top li {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    border-radius: 3px;
    padding: 2px;
    margin: 0 7px 0 0;
  }

  .menu_main_top li.master {
    cursor: default;
  }

  .menu_main_top>li.parent {
    background-image: url(images/parent_blue.png);
    background-repeat: no-repeat;
    background-position: right 50% bottom 0px;
    /* padding-bottom: 3px; */
  }

  .menu_main_top li a {
    display: inline-block;
    border-radius: 3px;
    padding: 2px 4px 2px 4px;
    margin: 2px 10px 2px 2px;
    color: var(--color_menu_main_top_li_a);
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
  }

  .menu_main_top li a:hover {
    color: var(--color_menu_main_top_li_a_hover);
    background-color: var(--color_menu_main_top_li_a_hover_bg);
  }

  .menu_main_top li a.active {
    color: var(--color_menu_main_top_li_a_active);
    background-color: var(--color_menu_main_top_li_a_active_bg);
  }

  /* second level */
  .menu_main_top>li>ul {
    display: none;
    position: absolute;
    padding: 2px;
    margin: 0 0 0 0px;
    text-align: left;
  }

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

  .menu_main_top>li>ul>li {
    clear: both;
    width: 100%;
    background-color: var(--color_menu_main_top_li_ul_li_bg);
  }

  .menu_main_top>li>ul>li.parent {
    background-image: url(images/parent_right.png);
    background-repeat: no-repeat;
    background-position: top 50% right 0px;
    padding: 0 7px 3px 7px;
  }

  /* third level */
  .menu_main_top>li>ul>li>ul {
    display: none;
    position: absolute;
    left: 100%;
    padding: 2px;
    margin: 0 0 0 0;
    width: 200px;
  }

  .menu_main_top>li>ul>li:hover>ul {
    display: inline-block;
  }

  .menu_main_top>li>ul>li>ul>li {
    clear: both;
    width: 100%;
  }

  /* menu_main_top end */
  /* menu_top start */
  .menu_top {
    list-style-type: none;
    width: auto;
    height: auto;
    float: right;
    padding: 2px;
    margin: 2px 52px 2px 2px;
    text-align: left;
  }

  .menu_top li {
    display: block;
    float: left;
    width: auto;
    border-radius: 3px;
    padding: 0 0 0 0;
    padding: 0 7px 0 7px;
    margin: 0px 10px 0 0;
    overflow: hidden;
  }

  .menu_top li.master {
    cursor: default;
  }

  .menu_top>li.parent {
    background-image: url(images/parent.png);
    background-repeat: no-repeat;
    background-position: right 50% bottom 0px;
    padding: 0 0 3px 0;
  }

  .menu_top li a {
    display: inline-block;
    border-radius: 3px;
    padding: 2px 4px 2px 4px;
    margin: 2px;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    box-shadow: 1px 1px 1px rgba(1, 0, 0, 0.2);
  }

  .menu_top li a:hover {
    color: #ffffff;
    background-color: #f20024;
  }

  .menu_top li a.active {
    color: #ffffff;
    background-color: #f20024;
  }

  /* second level */
  .menu_top>li>ul {
    display: none;
    position: absolute;
    padding: 2px;
    margin: 0 0 0 0px;
    background-color: var(--color_menu_top_li_ul_bg);
  }

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

  .menu_top>li>ul>li {
    clear: both;
    width: 100%;
  }

  .menu_top>li>ul>li.parent {
    background-image: url(images/parent_right.png);
    background-repeat: no-repeat;
    background-position: top 50% right 0px;
    padding: 0 7px 3px 7px;
  }

  /* third level */
  .menu_top>li>ul>li>ul {
    display: none;
    position: absolute;
    left: 100%;
    padding: 2px;
    margin: 0 0 0 0;
    width: 200px;
    background-color: var(--color_menu_top_li_ul_li_ul_bg);
  }

  .menu_top>li>ul>li:hover>ul {
    display: inline-block;
  }

  .menu_top>li>ul>li>ul>li {
    clear: both;
    width: 100%;
  }

  /* fourth level */
  /*  .menu_top>li>ul>li>ul>li>ul {
    display: none;
    position: absolute;
    left: 100%;
    padding: 2px;
    margin: 0 0 0 0;
    width: 200px;
  }

  .menu_top>li>ul>li>ul>li:hover>ul {
    display: inline-block;
  }

  .menu_top>li>ul>li>ul>liul>li {
    clear: both;
    width: 100%;
  } */

  /* menu_top end */
  ul.dash_items {
    width: 70%;
  }

  ul.dash_users {
    width: 70%;
  }

  ul.dash_clients {
    width: 70%;
  }

  ul.dash_guests {
    width: 70%;
  }
}

@media (min-width: 0px) and (max-width: 1180px) {
  #div_site_adv {
    display: none;
  }

  #div_contact {
    grid-template-columns: 1fr;
  }

}

/* Medium small devices (portrait tablets and large phones, 767px and down) */

@media (min-width: 0px) and (max-width: 767px) {
  #main_container {
    width: 97%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
  }

  #div_login {
    height: 75%;
  }

  #div_login .div_login_left {
    min-width: 200px;
    display: none;
  }

  #header_wrap {
    height: 37px;
  }

  #btn_menu_main {
    display: block;
  }

  #link_site_image {
    top: -15px;
    left: -15px;
    height: 82px;
  }

  #link_site_title {
    font-size: 17px;
  }

  #div_site_slogan {
    font-size: 11px;
    padding: 7px 0 10px 10px;
  }

  #div_site_adv {
    display: none;
  }

  #div_home_page_banner_wrap {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }

  #div_home_page_banner_wrap_left {
    grid-column: 1;
    grid-row: 1;
    width: 95%;
    height: 95%;
    border-radius: 3px;
    padding: 0 0 10px 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  #div_home_page_banner {
    grid-column: 1;
    grid-row: 2;
  }

  #div_home_page_banner .slide img {
    object-fit: cover;
    object-position: center;
  }

  /* menu_main start */
  #menu_main {
    display: none;
    position: absolute;
    right: 0;
    top: 37px;
    width: 250px;
    background-color: #000;
    z-index: 99;
  }

  #btn_menu_main {
    display: inline-block;
  }

  #header_right {
    position: inherit;
    height: 0px;
  }

  /* menu_main end */
  /* menu_dash start */
  #dash_header_wrap {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    clear: none;
    width: auto;
    max-width: 100%;
    height: auto;
    text-align: left;
  }

  #menu_dash {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 250px;
    background-color: #000;
  }

  #btn_menu_dash {
    display: inline-block;
  }

  /* menu_dash end */
  /* MENU_SIDE START */
  #menu_main.menu_side {
    border-radius: 0 5px 5px 0;
    margin: 2px 1% 1% 0;
  }

  #menu_dash.menu_side {
    border-radius: 5px 0 0 5px;
    margin: 2px 0 1% 1%;
  }

  .menu_side {
    font-family: "Cinzel", Tahoma, sans-serif;
    font-weight: bold;
    padding: 10px 5px 10px 0;
  }

  .menu_side li.master {
    cursor: default;
  }

  .menu_side li.master>ul {
    display: none;
  }

  .menu_side li.master.active ul {
    display: block;
  }

  .menu_side li {
    display: block;
    float: left;
    width: auto;
    clear: both;
    border-radius: 3px;
    padding: 0 7px 0 7px;
    overflow: hidden;
  }

  .menu_side>li.parent {
    /* background-image: url(images/parent.png); */
    background-repeat: no-repeat;
    background-position: right 50% bottom 0px;
    padding: 0 7px 3px 7px;
  }

  .menu_side li a {
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    padding: 2px 4px 2px 4px;
    margin: 2px;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
  }

  .menu_side li a:hover {
    color: #ffffff;
    background-color: #f20024;
  }

  .menu_side li a.active {
    color: #ffffff;
    background-color: #f20024;
  }

  /* second level */
  .menu_side>li>ul {
    display: block;
    position: relative;
    left: 10px;
    padding: 2px;
    margin: 0 0 0 10px;
  }

  .menu_side>li>ul>li {
    clear: both;
    width: 100%;
  }

  .menu_side>li>ul>li.parent {
    /* background-image: url(images/parent_right.png); */
    background-repeat: no-repeat;
    background-position: top 50% right 0px;
    padding: 0 7px 3px 7px;
  }

  /* third level */
  .menu_side>li>ul>li>ul {
    display: block;
    position: relative;
    left: 20px;
    padding: 2px;
    margin: 0 0 0 0;
    width: 200px;
  }

  .menu_side>li>ul>li>ul>li {
    clear: both;
    width: 100%;
  }

  /* MENU_SIDE END */
  #div_item_single {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }

  .img_item_thumb {
    height: 75px;
  }

  .div_footer_wrap {
    text-align: center;
    padding: 5px 3px 3px 3px;
  }
}

/* Extra small devices (phones, 479px and down) */
@media (min-width: 0px) and (max-width: 479px) {
  #main_container {
    width: 97%;
    background-color: transparent !important;
  }

  #div_site_slogan {
    font-size: 10px;
    padding: 7px 0 10px 10px;

  }

  #div_site_adv {
    display: none;
  }

  #home_page_product_slide_show {
    margin: 3px 0;
  }

  #div_login {
    height: auto;
  }

  #div_login .div_login_left {
    display: none;
  }

  #div_contact .div_contact_left {
    grid-template-columns: 1fr;
  }

  #div_contact .div_contact_left .div_address {
    grid-row: 1;
    grid-column: 1;
  }

  #div_contact .div_contact_left .div_address_board {
    grid-row: 2;
    grid-column: 1;
  }

  #div_contact .div_contact_left .div_map {
    grid-row: 3;
    grid-column: 1;
  }

  /* items_section start */
  .section_header {
    text-align: center;
  }

  /* items_section end */

  /* single item start */
  #div_item_single_clm_left {
    float: none;
    width: 100%;
  }

  #div_item_single_clm_right {
    float: none;
    width: 100%;
  }

  .img_item {
    height: auto;
  }

  .img_item_thumb {
    /* display: inline-block;
        width: 47%; */
    border-radius: 1%;
    border: 1px solid #ddd;
    padding: 5px;
  }

  /* single item end */
  /* dash start */

  /* DASH SUBMIT_FORM START */

  #div_submit_wrap .div_row {
    grid-template-columns: 1fr;
  }

  #div_submit_wrap input[type="text"],
  #div_submit_wrap input[type="password"],
  #div_submit_wrap input[type="email"] {
    width: 90%;
  }

  #div_submit_wrap .div_row .div_cell_1 {
    text-align: center;
  }

  #div_submit_wrap .div_row .div_cell_2 {
    text-align: center;
  }

  #div_submit_wrap .submit_textarea {
    width: 90%;
    margin: 0 auto;
  }

  #div_submit_wrap .submit_summary {
    width: 90%;
    margin: 0 auto;
  }

  #div_submit_wrap .submit_descri {
    width: 90%;
    margin: 0 auto;
  }

  /* DASH SUBMIT_FORM END */


  #div_dash_item_left_clm {
    width: 95%;
    float: none;
    margin: 0 auto;
  }

  #div_dash_item_center_clm {
    width: 95%;
    float: none;
    margin: 0 auto;
  }

  #div_dash_item_right_clm {
    width: 95%;
    float: none;
    margin: 0 auto;
  }

  #div_dash_slides_left_clm {
    width: 95%;
    float: none;
    margin: 0 auto;
  }

  #div_dash_slides_center_clm {
    width: 95%;
    float: none;
    margin: 0 auto;
  }

  #div_dash_events_left_clm {
    width: 95%;
    float: none;
    margin: 0 auto;
  }

  #div_dash_events_center_clm {
    width: 95%;
    float: none;
    margin: 0 auto;
  }

  .modal-content {
    width: 100%;
  }


  .div_links_wrap a {
    height: 80%;
  }

  /* dash end */
}

/* HIDDEN START */
#link_site_image {
  display: none;
}

#link_site_title {
  display: block;
}

#div_site_slogan {
  display: block;
}

/* #div_breadcrumb {
  height: 3px;
} */

/* #div_breadcrumb #bread_text {
  display: none;
} */

.div_pager_wrap_clone {
  display: none;
}

/* HIDDEN END */

body>.flatpickr-calendar {
  display: none;

}

/* js_target_page_portfolios_body start */
.js_target_page_portfolios_body #header_wrap {
  display: none;
}

.js_target_page_portfolios_body #dash_header_wrap {
  display: none;
}

.js_target_page_portfolios_body #footer {
  display: none;
}

.js_target_page_portfolios_body .div_dash_section_header>a {
  display: none;
}

.js_target_page_portfolios_body #div_dash_item_search_by_filter_wrap .my_dash_links_wrap a.link_edit {
  display: none;
}

.js_target_page_portfolios_body ul.dash_items li .my_dash_links_wrap {
  display: none;
}

/* js_target_page_portfolios_body end */

/* js_target_page_customers_body start */
.js_target_page_customers_body #header_wrap {
  display: none;
}

.js_target_page_customers_body #dash_header_wrap {
  display: none;
}

.js_target_page_customers_body #footer {
  display: none;
}

.js_target_page_customers_body .div_dash_section_header>a {
  display: none;
}

.js_target_page_customers_body #div_dash_item_search_by_filter_wrap .my_dash_links_wrap a.link_edit {
  display: none;
}

.js_target_page_customers_body ul.dash_items li .my_dash_links_wrap {
  display: none;
}

/* js_target_page_customers_body end */

/* js_target_page_rooms_body start */
.js_target_page_rooms_body #header_wrap {
  display: none;
}

.js_target_page_rooms_body #dash_header_wrap {
  display: none;
}

.js_target_page_rooms_body #footer {
  display: none;
}

.js_target_page_rooms_body .div_dash_section_header>a {
  display: none;
}

.js_target_page_rooms_body #div_dash_item_search_by_filter_wrap .my_dash_links_wrap a.link_edit {
  display: none;
}

.js_target_page_rooms_body ul.dash_items li .my_dash_links_wrap {
  display: none;
}

/* js_target_page_rooms_body end */

/* js_target_page_products_body start */
.js_target_page_products_body #header_wrap {
  display: none;
}

.js_target_page_products_body #dash_header_wrap {
  display: none;
}

.js_target_page_products_body #footer {
  display: none;
}

.js_target_page_products_body .div_dash_section_header>a {
  display: none;
}

.js_target_page_products_body #div_dash_item_search_by_filter_wrap .my_dash_links_wrap a.link_edit {
  display: none;
}

.js_target_page_products_body ul.dash_items li .my_dash_links_wrap {
  display: none;
}

/* js_target_page_products_body end */


/* statistics start */
/* div_portfolios_by_date start */
.div_portfolios_by_date {
  display: block;
  margin: 10px;
  padding: 5px;
}

/* div_portfolios_by_date end */
/* statistics end */