.character_03:hover {
  background: url("../../assets/img/OTHER/avatars/character_03b.png") center / cover no-repeat;
}

.character_03 {
  background: url("../../assets/img/OTHER/avatars/character_03a.png") center / cover no-repeat;
}

.character_03:active {
  background: url("../../assets/img/OTHER/avatars/character_03c.png") center / cover no-repeat;
}

.character_02:hover {
  background: url("../../assets/img/OTHER/avatars/character_02b.png") center / cover no-repeat;
}

.character_02 {
  background: url("../../assets/img/OTHER/avatars/character_02a.png") center / cover no-repeat;
}

.character_01:hover {
  background: url("../../assets/img/OTHER/avatars/character_01b.png") center / cover no-repeat;
}

.character_01 {
  background: url("../../assets/img/OTHER/avatars/character_01a.png") center / cover no-repeat;
}

.character_02:active {
  background: url("../../assets/img/OTHER/avatars/character_02c.png") center / cover no-repeat;
}

.character_01:active {
  background: url("../../assets/img/OTHER/avatars/character_01c.png") center / cover no-repeat;
}

.character_04:hover {
  background: url("../../assets/img/OTHER/avatars/character_04b.png") center / cover no-repeat;
}

.character_04 {
  background: url("../../assets/img/OTHER/avatars/character_04a.png") center / cover no-repeat;
}

.character_04:active {
  background: url("../../assets/img/OTHER/avatars/character_04c.png") center / cover no-repeat;
}

.character_05 {
  background: url("../../assets/img/OTHER/avatars/character_05a.png") center / cover no-repeat;
}

.character_05:hover {
  background: url("../../assets/img/OTHER/avatars/character_05b.png") center / cover no-repeat;
}

.character_05:active {
  background: url("../../assets/img/OTHER/avatars/character_05c.png") center / cover no-repeat;
}

.character_06 {
  background: url("../../assets/img/OTHER/avatars/character_06a.png") center / cover no-repeat;
}

.character_06:hover {
  background: url("../../assets/img/OTHER/avatars/character_06b.png") center / cover no-repeat;
}

.character_06:active {
  background: url("../../assets/img/OTHER/avatars/character_06c.png") center / cover no-repeat;
}

.character_07 {
  background: url("../../assets/img/OTHER/avatars/character_07a.png") center / cover no-repeat;
}

.character_07:hover {
  background: url("../../assets/img/OTHER/avatars/character_07b.png") center / cover no-repeat;
}

.character_07:active {
  background: url("../../assets/img/OTHER/avatars/character_07c.png") center / cover no-repeat;
}

.character_08 {
  background: url("../../assets/img/OTHER/avatars/character_08a.png") center / cover no-repeat;
}

.character_08:hover {
  background: url("../../assets/img/OTHER/avatars/character_08b.png") center / cover no-repeat;
}

.character_08:active {
  background: url("../../assets/img/OTHER/avatars/character_08c.png") center / cover no-repeat;
}

.character_09 {
  background: url("../../assets/img/OTHER/avatars/character_09a.png") center / cover no-repeat;
}

.character_09:hover {
  background: url("../../assets/img/OTHER/avatars/character_09b.png") center / cover no-repeat;
}

.character_09:active {
  background: url("../../assets/img/OTHER/avatars/character_09c.png") center / cover no-repeat;
}

.character_10 {
  background: url("../../assets/img/OTHER/avatars/character_10a.png") center / cover no-repeat;
}

.character_10:hover {
  background: url("../../assets/img/OTHER/avatars/character_10b.png") center / cover no-repeat;
}

.character_10:active {
  background: url("../../assets/img/OTHER/avatars/character_10c.png") center / cover no-repeat;
}

@media (min-width:576px) {
  .d-sm-inline {
    transform: translateX(400px) translateY(20px) !important;
  }
}

@media (min-width:768px) {
  .d-md-inline {
    transform: translateX(550px) translateY(20px) !important;
  }
}

@media (min-width: 300px) {
  .d-print-none.sticky_img_mobile {
    position: sticky;
    top: 50px;
    left: -20px;
  }
}

.d-print-none.sticky_img_mobile {
  height: 85px;
  transform: translateX(236px) translateY(17px);
  transform-origin: center;
  text-align: right;
}

@media (max-width: 768px) {
  .cat_fine-arts {
    background: url("../../assets/img/HOMEPAGE/cat_fine-arts_hover.jpg");
    background-size: contain;
  }
}

.cat_fine-arts {
  background: url("../../assets/img/HOMEPAGE/cat_fine-arts_idle.jpg");
  background-size: contain;
}

.cat_fine-arts:hover {
  background: url("../../assets/img/HOMEPAGE/cat_fine-arts_hover.jpg");
  background-size: contain;
  transition: background 0.3s ease-in-out;
}

.cat_fine-arts img {
  max-width: 400px;
}

.cat_logo-design:hover {
  background: url("../../assets/img/HOMEPAGE/cat_logo-design_hover.jpg");
  background-size: contain;
}

.cat_logo-design {
  background: url("../../assets/img/HOMEPAGE/cat_logo-design_idle.jpg");
  background-size: contain;
}

.cat_illustrations:hover {
  background: url("../../assets/img/HOMEPAGE/cat_illustrations_hover.jpg");
  background-size: contain;
}

.cat_illustrations {
  background: url("../../assets/img/HOMEPAGE/cat_illustrations_idle.jpg");
  background-size: contain;
}

.cat_product-design:hover {
  background: url("../../assets/img/HOMEPAGE/cat_product-design_hover.jpg");
  background-size: contain;
}

.cat_product-design {
  background: url("../../assets/img/HOMEPAGE/cat_product-design_idle.jpg");
  background-size: contain;
}

.cat_residential:hover {
  background: url("../../assets/img/HOMEPAGE/cat_residential_hover.jpg");
  background-size: contain;
  transition: 0.3s ease-in-out !important;
}

.cat_residential {
  background: url("../../assets/img/HOMEPAGE/cat_residential_idle.jpg");
  background-size: contain;
  transition: 0.3s ease-in-out !important;
}

@media (max-width: 576px) {
  .index-card {
    height: 250px;
    width: 250px;
  }
}

@media (max-width: 768px) {
  .index-card {
    height: 250px;
    width: 250px;
  }
}

.index-card {
  border: 1px solid rgb(0,0,0);
  border-radius: 5px;
  width: 400px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: 0.3s ease-in-out !important;
}

body {
  height: 100%;
  position: relative;
  background: #2a2c39;
}

.floating_button {
  left: 10px;
  padding-left: 10px;
  top: 181px;
}

.subcategory_links {
  font-family: Poppins, sans-serif;
  color: rgb(255,255,255);
  text-decoration: none;
  margin-right: 15px;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

.item.main_category {
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background: rgba(255,255,255,0);
  max-height: 400px;
  width: 400px;
  margin: 5px;
}

@media (max-width: 360px) {
  .item.main_category {
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    background: rgba(255,255,255,0);
    max-height: 200px;
    width: 150px;
    margin: 5px;
  }
}

@media (max-width: 360px) {
  .item.img_thumb {
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    background: rgba(255,255,255,0);
    width: 250px;
    height: 250px;
    margin: 5px;
  }
}

.gallery-thumbnail {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.gallery-image {
  width: 300px !important;
  height: 300px;
}

.gallery-link {
  width: 300px;
  height: 300px;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.gallery-image {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  box-sizing: border-box;
  border-style: none;
}

@media (max-width: 300px) {
  .logo-image {
    text-align: center;
    max-width: 150px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 300px) {
  .logo-image {
    max-width: 120px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .logo-image {
    max-width: 180px;
    margin-right: auto;
    margin-left: auto;
  }
}

.item.main_category {
}

.img_thumb {
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background: rgba(255,255,255,0);
  width: 400px;
  height: 400px;
  margin: 5px;
}

.item .logo_thumb {
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background: rgba(255,255,255,0);
  width: auto;
  height: 400px;
}

.item.logo_thumb {
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background: rgba(255,255,255,0);
  width: 400px;
  height: 400px;
}

.home_wrap {
  height: auto;
  max-width: 1600px;
  padding-top: 25px;
  padding-bottom: 50px;
  padding-right: 0px;
  padding-left: 0px;
}

.secondary_title {
  font-size: 20px;
  color: rgba(255,255,255,0.58) !important;
  margin-top: 38px;
  font-family: Poppins, sans-serif;
}

.navigation-clean.navbar-light .navbar-nav .nav-link.active, .navigation-clean.navbar-light .navbar-nav .nav-link.active:focus, .navigation-clean.navbar-light .navbar-nav .nav-link.active:hover {
  box-shadow: none;
  background: rgba(51,51,51,0.12);
  pointer-events: none;
  padding-top: 0px;
  padding-left: 20px;
  padding-bottom: 6px;
  padding-right: 20px;
  font-size: 20px;
  font-family: Poppins, sans-serif;
}

.navigation-clean.navbar-light .navbar-nav .nav-link.active, .navigation-clean.navbar-light .navbar-nav .nav-link.active:focus, .navigation-clean.navbar-light .navbar-nav .nav-link.active:hover {
  color: #04c4ca !important;
  background-color: transparent;
  font-weight: bold;
}

.navigation-clean.navbar-light .navbar-nav .nav-link {
  color: #ffffff;
}

.navigation-clean.navbar .navbar-nav .nav-link:active {
  padding-left: 18px;
  padding-right: 18px;
}

@media (min-width:576px) {
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 100%;
  }
}

.subcategory_links:focus-visible {
  background-color: rgba(85,203,66,0.2);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,0.5);
}

.btn.active:active {
  background-color: #ff0000 !important;
}

.subcategory_links .product_photography:focus {
  background-color: rgba(85,203,66,0.2);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,0.5);
}

.subcategory_links:hover {
  text-decoration: underline;
}

.subcategory_links.product_photography.active {
  background-color: rgba(85,203,66,0.2);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,0.5);
}

a {
  color: #ffffff;
  text-decoration: none;
}

.home-main-links:hover {
  color: #04c4ca;
}

@media (min-width: 1400px) {
  .scribble {
    transform: translateX(6px) translateY(47px);
  }
}

@media (max-width: 576px) {
  .scribble {
    display: none;
    transform: translateX(0px) translateY(-20px);
  }
}

@media (max-width: 768px) {
  .round_corner {
    padding-right: 250px;
    padding-bottom: 250px;
  }
}

.round_corner {
  max-height: 0px;
  padding-top: 0px;
  padding-right: 400px;
  padding-bottom: 400px;
  border-radius: 5px;
}

.navbar-toggler-icon {
  background-image: url("../../assets/img/OTHER/menu_button_white.svg");
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 768px) {
  .home-main-links {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
  }
}

.btn-link:hover {
  color: #24cbd1;
}

.btn-close {
  box-sizing: content-box;
  width: 65px;
  height: 8px;
  color: #fffefe;
  background: url("../../assets/img/OTHER/icons/icon_close.svg") center / cover no-repeat;
  border-radius: .375rem;
  opacity: .5;
}

.modal {
  --bs-modal-bg: rgba(42,44,57,0);
}

.illustration_thumb {
  padding-right: 400px;
  padding-bottom: 400px;
}

@media (max-width: 768px) {
  .illustration_thumb {
    padding-right: 300px;
    padding-bottom: 300px;
  }
}

@media (max-width: 768px) {
  .item {
    width: 250px;
    height: 250px;
  }
}

.sticky_img {
  position: sticky;
  top: 55px;
  height: 100px;
  transform: translateX(1200px) translateY(77px);
  transform-origin: right;
  text-align: right;
}

@media (max-width: 576px) {
  .pd_links {
    font-size: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (max-width: 576px) {
  .nav-links {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  .home_description_main {
    color: rgba(255,255,255,0.54);
    font-family: Arapey, serif;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 11px;
    line-height: 17px;
  }
}

* {
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .home-main-links {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .home_description {
    color: rgba(255,255,255,0.54);
    font-family: Arapey, serif;
    font-size: 26px;
    color: #878787;
    margin-bottom: 0px;
    margin-top: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .site_title {
    height: 68px;
    font-size: 37px;
  }
}

@media (max-width: 768px) {
  .container {
    padding-top: 0px;
  }
}

.home_description {
}

@media (max-width: 768px) {
  .home_description {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 11px;
    line-height: 17px;
  }
}

@media (max-width: 768px) {
  .site_title {
    color: rgb(255,255,255);
    font-family: Arapey, serif;
    font-size: 34px;
    height: 39px;
    margin-bottom: 0px;
  }
}

@media (min-width: 768px) {
  .site_title {
    color: rgb(255,255,255);
    font-family: Arapey, serif;
    font-size: 48px;
    height: 89px;
    margin-bottom: 0px;
  }
}

a {
}

.nav_link_pages {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 18px;
  font-family: Poppins, sans-serif;
  text-align: center;
}

@media (max-width: 768px) {
  .imgs_thumb {
    padding-right: 250px;
    padding-bottom: 250px;
    border-radius: 5px;
  }
}

@media (max-width: 768px) {
  .item.logo_thumb {
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    background: rgba(255,255,255,0);
    width: 250px;
    height: 250px;
  }
}