/*--------------------------------------------

1. common
    - main
    - typography
    - link
    - button
    - form
    - breadcrumbs
    - backgrounds
    - spaces
2. components
    - preloader
    - cursor
    - hidden elements
    - scrollbar
    - frame
    - menu button
    - menu 
    - banner
    - circle text
    - lines
    - dodecahedron
    - about
    - partners
    - services
    - team
    - social icons
    - revievs
    - blog
    - footer
    - portfolio
    - map
    - accordion
    - price
    - 404
    - images
    - page transitions


--------------------------------------------*/

/*

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap");

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css);

*/

@import url("/assets/webfonts/lowball-neue/stylesheet.css");


/* --------------------------------------------

root values

--------------------------------------------- */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

/* --------------------------------------------

container

--------------------------------------------- */
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .container {
    max-width: 100%;
	padding-right: 30px;
	padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1100px;
	padding-right: 0;
	padding-left: 0;
  }
}


/* -------------------------------------------

main

------------------------------------------- */
@layer base {
	*,
	*:before,
	*:after {
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  padding: 0;
	  margin: 0;
	}

	html,
	body {
	  padding: 0;
	  margin: 0;
	  font-family: system-ui, sans-serif;
	  font-size: 16px;
	  font-weight: 300;
	  color: rgba(0, 0, 0, 0.55);
	  line-height: 150%;
	  overscroll-behavior: none;
	}
	@media screen and (max-width: 768px) {
	  html,
	body {
		font-size: 15px;
	  }
	}

	*::-moz-selection {
	  color: #000;
	  background-color: #ffea00;
	}

	*::selection {
	  color: #000;
	  background-color: #ffea00;
	}

	.qhz-wrapper {
	  position: relative;
	  overflow: hidden;
	  max-width: 100%;
	}

	.container {
	  pointer-events: all;
	}

	.qhz-relative {
	  position: relative;
	}

	.qhz-o-hidden {
	  overflow: hidden;
	}

	.qhz-flex {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	}

	.qhz-vert-between {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  height: 100%;
	}

	@media screen and (max-width: 992px) {
	  .qhz-mobile-hidden {
		display: none;
	  }
	}

	section {
	  position: relative;
	  overflow: hidden;
	}

	/* -------------------------------------------

	typography

	------------------------------------------- */
	h1,
	.qhz-h1,
	h2,
	.qhz-h12,
	h3,
	.qhz-h3,
	h4,
	.qhz-h4,
	h5,
	.qhz-h5,
	h6,
	.qhz-h6 {
	  font-family: system-ui, sans-serif;
	  color: rgb(0, 0, 0, 85%);
	  font-weight: 500;
	  line-height: 110%;
	  letter-spacing: 2px;
	}
	@media screen and (max-width: 768px) {
	  h1 br,
	.qhz-h1 br,
	h2 br,
	.qhz-h12 br,
	h3 br,
	.qhz-h3 br,
	h4 br,
	.qhz-h4 br,
	h5 br,
	.qhz-h5 br,
	h6 br,
	.qhz-h6 br {
		display: none;
	  }
	}

	h1,
	.qhz-h1 {
	  font-size: 66px;
	}
	@media screen and (max-width: 1400px) {
	  h1,
	.qhz-h1 {
		font-size: 63px;
	  }
	}
	@media screen and (max-width: 1200px) {
	  h1,
	.qhz-h1 {
		font-size: 60px;
	  }
	}
	@media screen and (max-width: 992px) {
	  h1,
	.qhz-h1 {
		font-size: 57px;
	  }
	}
	@media screen and (max-width: 768px) {
	  h1,
	.qhz-h1 {
		font-size: 34px;
	  }
	}

	h2,
	.qhz-h2 {
	  font-size: 60px;
	  line-height: 110%;
	}
	@media screen and (max-width: 1200px) {
	  h2,
	.qhz-h2 {
		font-size: 52px;
	  }
	}
	@media screen and (max-width: 992px) {
	  h2,
	.qhz-h2 {
		font-size: 42px;
	  }
	}
	@media screen and (max-width: 768px) {
	  h2,
	.qhz-h2 {
		font-size: 34px;
	  }
	}

	h3,
	.qhz-h3 {
	  font-size: 42px;
	}
	@media screen and (max-width: 1200px) {
	  h3,
	.qhz-h3 {
		font-size: 39px;
	  }
	}
	@media screen and (max-width: 992px) {
	  h3,
	.qhz-h3 {
		font-size: 36px;
	  }
	}
	@media screen and (max-width: 768px) {
	  h3,
	.qhz-h3 {
		font-size: 30px;
	  }
	}

	h4,
	.qhz-h4 {
	  font-size: 28px;
	}
	@media screen and (max-width: 1200px) {
	  h4,
	.qhz-h4 {
		font-size: 26px;
	  }
	}
	@media screen and (max-width: 992px) {
	  h4,
	.qhz-h4 {
		font-size: 24px;
	  }
	}
	@media screen and (max-width: 768px) {
	  h4,
	.qhz-h4 {
		font-size: 22px;
	  }
	}

	h5,
	.qhz-h5 {
	  font-size: 20px;
	  line-height: 150%;
	}
	@media screen and (max-width: 768px) {
	  h5,
	.qhz-h5 {
		font-size: 18px;
	  }
	}

	h6,
	.qhz-h6 {
	  font-size: 18px;
	  line-height: 150%;
	}
	@media screen and (max-width: 1200px) {
	  h6,
	.qhz-h6 {
		font-size: 17px;
	  }
	}
	@media screen and (max-width: 992px) {
	  h6,
	.qhz-h6 {
		font-size: 16px;
	  }
	}
	@media screen and (max-width: 768px) {
	  h6,
	.qhz-h6 {
		font-size: 21px;
	  }
	}

	.qhz-no-wrap {
	  white-space: nowrap;
	}

	blockquote {
	  padding: 60px;
	  background-color: rgba(0, 0, 0, 0.05);
	  font-size: 18px;
	  color: rgb(0, 0, 0);
	  font-style: italic;
	  border-left: solid 4px rgb(255, 152, 0);
	}
	@media screen and (max-width: 768px) {
	  blockquote {
		padding: 30px;
		font-size: 16px;
	  }
	}

	.qhz-text-sm {
	  font-size: 15px;
	}

	.qhz-text-lg {
	  font-size: 18px;
	  line-height: 170%;
	}

	.qhz-text-xl {
	  font-size: 22px;
	  line-height: 180%;
	}
	@media screen and (max-width: 768px) {
	  .qhz-text-xl {
		font-size: 20px;
	  }
	}

	.qhz-upper {
	  text-transform: uppercase;
	  font-size: 12px;
	  font-weight: 500;
	  letter-spacing: 2px;
	}

	.qhz-bold {
	  font-weight: 500;
	}

	.qhz-thin {
	  font-weight: 100;
	}
	.qhz-mid {
	  font-weight: 200;
	}

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

	.qhz-complex-title {
	  line-height: normal;
	}

	.qhz-accent {
	  color: rgb(255, 152, 0);
	}

	.qhz-light {
	  color: rgb(255, 255, 255) !important;
	}
	.qhz-light a {
	  color: rgb(255, 255, 255) !important;
	}

	.qhz-muted {
	  color: rgba(255, 255, 255, 0.9);
	}

	.qhz-dark {
	  color: rgb(0, 0, 0);
	}

	.qhz-light-soft {
	  color: rgba(255, 255, 255, .7);
	}

	.qhz-dark-soft {
	  color: rgba(0, 0, 0, 0.5);
	}

	.qhz-marker {
	  background-color: rgb(255, 152, 0);
	  padding: 0 5px;
	}

	.qhz-center {
	  text-align: center;
	}

	.qhz-left {
	  text-align: left;
	}

	.qhz-right {
	  text-align: right;
	}

	@media screen and (max-width: 576px) {
	  .qhz-sm-center {
		text-align: center;
	  }
	}

	.qhz-suptitle {
	  position: relative;
	  display: block;
	  margin-bottom: 60px;
	}
	.qhz-suptitle:before {
	  content: "";
	  position: absolute;
	  right: calc(100% + 30px);
	  top: 50%;
	  width: 600px;
	  height: 1px;
	  background-color: rgb(255, 255, 255);
	  opacity: 0.2;
	}
	.qhz-suptitle.qhz-suptitle-right {
	  text-align: right;
	}
	.qhz-suptitle.qhz-suptitle-right:before {
	  left: calc(100% + 30px);
	}
	@media screen and (max-width: 768px) {
	  .qhz-suptitle.qhz-suptitle-right {
		text-align: center;
	  }
	  .qhz-suptitle.qhz-suptitle-right:before {
		display: none;
	  }
	}
	.qhz-suptitle.qhz-suptitle-dark:before {
	  background-color: rgb(0, 0, 0);
	  opacity: 0.1;
	}
	@media screen and (max-width: 768px) {
	  .qhz-suptitle {
		margin-bottom: 45px;
	  }
	}

	.qhz-divider {
	  width: 100%;
	  height: 1px;
	  background-color: rgba(255, 255, 255, 0.1);
	}

	.qhz-img-frame {
	  position: relative;
	  overflow: hidden;
	  width: 100%;
	  padding-bottom: 120%;
	}
	.qhz-img-frame img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  /*-o-object-fit: cover;
		 object-fit: cover;*/
	  -o-object-position: center;
		 object-position: center;
	}

	/* -------------------------------------------

	link

	------------------------------------------- */
	.qhz-link {
	  cursor: pointer;
	  display: -webkit-inline-box;
	  display: -ms-inline-flexbox;
	  display: inline-flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  font-weight: 500;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	  font-size: 12px;
	}
	.qhz-link svg {
	  margin-left: 15px;
	  border-radius: 50%;
	  width: 40px;
	  height: 40px;
	  padding: 10px;
	  background-color: rgba(255, 255, 255, 0.1);
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-link svg path {
	  fill: rgb(255, 255, 255);
	}
	.qhz-link.qhz-accent svg {
	  background-color: rgba(255, 255, 255, 0.1);
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-link.qhz-accent svg path {
	  fill: rgb(255, 152, 0);
	}
	.qhz-link.qhz-dark svg {
	  background-color: rgba(0, 0, 0, 0.1);
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-link.qhz-dark svg path {
	  fill: rgb(0, 0, 0);
	}
	.qhz-link:hover svg {
	  -webkit-transform: scale(1.15);
			  transform: scale(1.15);
	}
	.qhz-link.qhz-down-arrow svg {
	  -webkit-transform: rotate(90deg);
			  transform: rotate(90deg);
	}
	.qhz-link.qhz-down-arrow:hover svg {
	  -webkit-transform: scale(1.15) rotate(90deg);
			  transform: scale(1.15) rotate(90deg);
	}
	.qhz-link.qhz-icon-left {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: reverse;
		  -ms-flex-direction: row-reverse;
			  flex-direction: row-reverse;
	}
	.qhz-link.qhz-icon-left svg {
	  margin-left: 0;
	  margin-right: 15px;
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	}
	.qhz-link.qhz-icon-left:hover svg {
	  -webkit-transform: scale(1.15) rotate(180deg);
			  transform: scale(1.15) rotate(180deg);
	}

	/* -------------------------------------------

	button

	------------------------------------------- */
	.qhz-button {
	  cursor: pointer;
	  display: -webkit-inline-box;
	  display: -ms-inline-flexbox;
	  display: inline-flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  border: none;
	  letter-spacing: 2px;
	  font-size: 12px;
	  background-color: var(--bs-orange);
	  color: rgb(0, 0, 0);
	  border-radius: 70px;
	  padding: 0 15px 0 50px;
	  height: 70px;
	  text-transform: uppercase;
	  font-weight: 500;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-button span {
	  white-space: nowrap;
	}
	.qhz-button svg {
	  margin-left: 30px;
	  border-radius: 50%;
	  width: 40px;
	  height: 40px;
	  padding: 10px;
	  background-color: rgb(0, 0, 0);
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-button svg path {
	  fill: rgb(255, 152, 0);
	}
	.qhz-button.qhz-icon-button {
	  padding: 15px;
	}
	.qhz-button.qhz-icon-button svg {
	  margin-left: 0;
	}
	.qhz-button.qhz-icon-button-sm {
	  padding: 0;
	  height: 40px;
	}
	.qhz-button.qhz-icon-button-sm svg {
	  margin-left: 0;
	  background-color: rgb(255, 152, 0);
	}
	.qhz-button.qhz-icon-button-sm svg path {
	  fill: rgb(0, 0, 0);
	}
	.qhz-button:hover {
	  -webkit-transform: scale(1.015);
			  transform: scale(1.015);
	  -webkit-filter: brightness(110%);
			  filter: brightness(110%);
	}
	.qhz-button:hover svg {
	  -webkit-transform: scale(1.15);
			  transform: scale(1.15);
	}
	.qhz-button.qhz-arrow-down svg {
	  -webkit-transform: rotate(90deg);
			  transform: rotate(90deg);
	}
	.qhz-button.qhz-arrow-down:hover {
	  -webkit-transform: scale(1.015);
			  transform: scale(1.015);
	  -webkit-filter: brightness(110%);
			  filter: brightness(110%);
	}
	.qhz-button.qhz-arrow-down:hover svg {
	  -webkit-transform: scale(1.15) rotate(90deg);
			  transform: scale(1.15) rotate(90deg);
	}
	@media screen and (max-width: 992px) {
	  .qhz-button {
		height: 60px;
		padding: 0 10px 0 40px;
	  }
	  .qhz-button svg {
		margin-left: 25px;
	  }
	}

	/* -------------------------------------------

	form

	------------------------------------------- */
	input,
	textarea {
	  position: relative;
	  height: 60px;
	  padding: 0 30px;
	  width: 100%;
	  font-size: 12px;
	  letter-spacing: 3px;
	  font-family: "Lowball", sans-serif;
	  color: rgb(0, 0, 0);
	  border: none;
	  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
	  margin-bottom: 30px;
	}
	input:focus,
	textarea:focus {
	  outline: inherit;
	}
	input::placeholder,
	textarea::placeholder {
	  font-size: 12px;
	  font-weight: 200;
	  letter-spacing: 2px;
	  color: rgba(0, 0, 0, 0.5);
	}

	textarea {
	  padding: 15px 30px;
	  height: 300px;
	}

	/* -------------------------------------------

	breadcrumbs

	------------------------------------------- */
	.qhz-breadcrumbs {
	  display: -webkit-inline-box;
	  display: -ms-inline-flexbox;
	  display: inline-flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  position: relative;
	}
	.qhz-breadcrumbs:before {
	  content: "";
	  position: absolute;
	  right: calc(100% + 20px);
	  width: 100vw;
	  height: 1px;
	  background-color: rgba(0, 0, 0, 0.1);
	}
	.qhz-breadcrumbs li {
	  list-style-type: none;
	}
	.qhz-breadcrumbs li:after {
	  content: "/";
	  margin: 0 15px;
	  color: rgb(0, 0, 0);
	}
	.qhz-breadcrumbs li a {
	  color: rgb(0, 0, 0);
	  text-transform: uppercase;
	  letter-spacing: 2px;
	  font-weight: 500;
	  font-size: 12px;
	  white-space: nowrap;
	  -webkit-transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-breadcrumbs li a:hover {
	  color: rgb(255, 152, 0);
	}
	.qhz-breadcrumbs li:last-child {
	  margin-right: 0;
	  cursor: not-allowed;
	}
	.qhz-breadcrumbs li:last-child a {
	  opacity: 0.4;
	  pointer-events: none;
	}
	.qhz-breadcrumbs li:last-child:after {
	  display: none;
	}
	.qhz-breadcrumbs.qhz-light:before {
	  background-color: rgba(255, 255, 255, 0.1);
	}
	.qhz-breadcrumbs.qhz-light li:after {
	  color: rgba(255, 255, 255, 0.9);
	}
	.qhz-breadcrumbs.qhz-light li a:hover {
	  color: rgb(255, 152, 0) !important;
	}
	.qhz-breadcrumbs.qhz-center {
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	}

	/* -------------------------------------------

	backgrounds

	------------------------------------------- */
	.qhz-dark-bg {
	  position: relative;
	}
	.qhz-dark-bg:before {
	  content: "";
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  pointer-events: none;
	  z-index: 2;
	  -webkit-backdrop-filter: invert(100%);
			  backdrop-filter: invert(100%);
	}
	.qhz-dark-bg .mi-invert-fix {
	  height: 100%;
	  position: relative;
	  pointer-events: none;
	  z-index: 3;
	}
	.qhz-dark-bg .mi-invert-fix .container {
	  pointer-events: all;
	}

	.qhz-soft-bg {
	  background-color: rgb(242, 242, 242);
	}

	/* -------------------------------------------

	spaces

	------------------------------------------- */
	.qhz-mr-30 {
	  margin-right: 30px;
	}

	.qhz-mb-5 {
	  margin-bottom: 5px;
	}

	.qhz-mb-10 {
	  margin-bottom: 10px;
	}

	.qhz-mb-15 {
	  margin-bottom: 15px;
	}

	.qhz-mb-20 {
	  margin-bottom: 15px;
	}

	.qhz-mb-30 {
	  margin-bottom: 30px;
	}

	.qhz-mb-60 {
	  margin-bottom: 60px;
	}

	.qhz-mb-90 {
	  margin-bottom: 90px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-mb-90 {
		margin-bottom: 60px;
	  }
	}

	.qhz-mb-120 {
	  margin-bottom: 120px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-mb-120 {
		margin-bottom: 90px;
	  }
	}

	.qhz-mt-suptitle-offset {
	  margin-top: 70px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-mt-suptitle-offset {
		margin-top: 30px;
	  }
	}

	.qhz-p-120-120 {
	  padding-top: 120px;
	  padding-bottom: 120px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-p-120-120 {
		padding-top: 90px;
		padding-bottom: 90px;
	  }
	}

	.qhz-p-120-90 {
	  padding-top: 120px;
	  padding-bottom: 90px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-p-120-90 {
		padding-top: 90px;
		padding-bottom: 60px;
	  }
	}

	.qhz-p-0-120 {
	  padding-bottom: 120px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-p-0-120 {
		padding-bottom: 90px;
	  }
	}

	.qhz-p-120-0 {
	  padding-top: 120px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-p-120-0 {
		padding-top: 90px;
	  }
	}

	.qhz-p-120-60 {
	  padding-top: 120px;
	  padding-bottom: 60px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-p-120-60 {
		padding-top: 90px;
		padding-bottom: 30px;
	  }
	}

	.qhz-p-90-90 {
	  padding-top: 90px;
	  padding-bottom: 90px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-p-90-90 {
		padding-top: 60px;
		padding-bottom: 60px;
	  }
	}

	.qhz-p-90-120 {
	  padding-top: 90px;
	  padding-bottom: 120px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-p-90-120 {
		padding-top: 60px;
		padding-bottom: 90px;
	  }
	}

	.qhz-p-0-90 {
	  padding-bottom: 90px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-p-0-90 {
		padding-bottom: 60px;
	  }
	}

	.qhz-p-0-30 {
	  padding-bottom: 30px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-p-0-30 {
		padding-bottom: 0;
	  }
	}

	.qhz-p-120-30 {
	  padding-top: 120px;
	  padding-bottom: 30px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-p-120-30 {
		padding-top: 90px;
		padding-bottom: 0;
	  }
	}

	.qhz-adaptive-right {
	  width: 100%;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: end;
		  -ms-flex-pack: end;
			  justify-content: flex-end;
	}
	@media screen and (max-width: 992px) {
	  .qhz-adaptive-right {
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: flex-start;
	  }
	}

	.qhz-btn-space {
	  margin-right: 30px;
	}
	@media screen and (max-width: 500px) {
	  .qhz-btn-space {
		margin-right: 50px;
		margin-bottom: 30px;
	  }
	}

	/* -------------------------------------------

	preloader

	------------------------------------------- */
	.qhz-preloader {
	  position: fixed;
	  z-index: 11;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100vh;
	  background-color: rgb(0, 0, 0);
	}
	.qhz-preloader .qhz-preloader-animation {
	  opacity: 0;
	  position: relative;
	  height: 100vh;
	  color: rgb(255, 255, 255);
	}
	.qhz-preloader .qhz-preloader-animation .qhz-pos-abs {
	  position: absolute;
	  height: 100vh;
	  width: 100%;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.qhz-preloader .qhz-preloader-animation .qhz-pos-abs p {
	  opacity: 0;
	  margin-right: 15px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-preloader .qhz-preloader-animation .qhz-pos-abs {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
	  }
	  .qhz-preloader .qhz-preloader-animation .qhz-pos-abs p {
		margin-right: 0;
		margin-bottom: 10px;
	  }
	}
	.qhz-preloader .qhz-preloader-animation .qhz-pos-abs .qhz-reveal-frame {
	  position: relative;
	  padding: 0 30px;
	}
	.qhz-preloader .qhz-preloader-animation .qhz-pos-abs .qhz-reveal-frame .qhz-reveal-box {
	  z-index: 4;
	  position: absolute;
	  opacity: 0;
	  height: 125%;
	  background-color: var(--bs-orange);
	}
	.qhz-preloader.qhz-hidden {
	  pointer-events: none;
	}

	/* -------------------------------------------

	cursor

	------------------------------------------- */
	.qhz-ball {
	  width: 20px;
	  height: 20px;
	  position: fixed;
	  z-index: 10;
	  background-color: rgb(0, 0, 0);
	  border-radius: 50%;
	  pointer-events: none;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  opacity: 0.1;
	}
	.qhz-ball .qhz-icon-1 {
	  position: absolute;
	  width: 40px;
	  height: 40px;
	  -webkit-transform: scale(0);
			  transform: scale(0);
	}
	.qhz-ball .qhz-icon-1 svg {
	  fill: rgba(255, 255, 255, 0.9);
	}
	.qhz-ball .qhz-more-text, .qhz-ball .qhz-choose-text {
	  position: absolute;
	  width: 100%;
	  text-align: center;
	  display: block;
	  color: rgba(255, 255, 255, 0.9);
	  font-size: 12px;
	  font-weight: 500;
	  letter-spacing: 2px;
	  text-transform: uppercase;
	  -webkit-transform: scale(0);
			  transform: scale(0);
	}
	.qhz-ball.qhz-accent .qhz-icon-1 svg {
	  fill: rgb(0, 0, 0);
	}
	.qhz-ball.qhz-accent .qhz-more-text, .qhz-ball.qhz-accent .qhz-choose-text {
	  color: rgb(0, 0, 0);
	}
	@media screen and (max-width: 1200px) {
	  .qhz-ball {
		display: none;
	  }
	}

	/* -------------------------------------------

	hidden elements

	------------------------------------------- */
	.qhz-hidden-elements .qhz-dodecahedron, 
	.qhz-hidden-elements .qhz-lines, 
	.qhz-hidden-elements .qhz-arrow {
	  display: none;
	}

	/* -------------------------------------------

	scrollbar

	------------------------------------------- */
	::-webkit-scrollbar {
	  display: none;
	}

	.qhz-progress-track {
	  position: fixed;
	  z-index: 10;
	  top: 0;
	  right: 0;
	  width: 5px;
	  height: 100%;
	  background-color: rgb(0, 0, 0);
	  border-radius: 1px;
	}
	.qhz-progress-track .qhz-progress {
	  width: 5px;
	  height: 0;
	  background-color: rgb(255, 152, 0);
	  border-radius: 1px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-progress-track {
		display: none;
	  }
	}

	/* -------------------------------------------

	frame

	------------------------------------------- */
	.qhz-logo {
	  font-size: 42px;
	  font-weight: 500;
	  line-height: 100%;
	}
	@media screen and (max-width: 992px) {
	  .qhz-logo {
		font-size: 46px;
	  }
	}

	.qhz-frame {
	  padding: 30px 40px 30px 40px;
	  position: fixed;
	  z-index: 2;
	  pointer-events: none;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	  width: 100%;
	  height: 100%;
	}
	@media screen and (max-width: 1200px) {
	  .qhz-frame {
		padding: 0;
		z-index: 9;
		height: 90px;
	  }
	}
	@media screen and (max-width: 1200px) {
	  .qhz-frame .qhz-frame-top {
		height: 90px;
		background-color: rgba(0, 0, 0, 0.95);
		border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	    backdrop-filter: blur(8px);
	  }
	  .qhz-frame .qhz-frame-top .qhz-logo {
		color: rgb(255, 255, 255);
	  }
	  .qhz-frame .qhz-frame-top .qhz-menu-btn span, 
	  .qhz-frame .qhz-frame-top .qhz-menu-btn span:after, 
	  .qhz-frame .qhz-frame-top .qhz-menu-btn span:before {
		background: rgb(255, 255, 255);
	  }
	}
	
	.qhz-frame .qhz-frame-bottom {
	  width: 100%;
	  display: flex;
	  justify-content: space-between;
      align-items: flex-end;
	}
	@media screen and (max-width: 1200px) {
	  .qhz-frame .qhz-frame-bottom {
		display: none;
	  }
	}
	.qhz-frame .qhz-frame-bottom .qhz-current-page {
	  font-weight: 500;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	  font-size: 13px;
	  width: 300px;
	  color: rgba(0, 0, 0, .6);
	  transform: 
	      rotate(-90deg) 
		  translateX(138px) 
		  translateY(-138px);
	}
	.qhz-frame .qhz-frame-bottom .qhz-back-to-top {
	  width: 300px;
	  transform: rotate(-90deg) translateX(130px) translateY(130px);
	  pointer-events: all;
	}

	.qhz-frame-top {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}
	.qhz-frame-top .qhz-logo {
	  pointer-events: all;
	  color: rgb(0, 0, 0);
	}

	/* -------------------------------------------

	menu button

	------------------------------------------- */
	.qhz-menu-btn {
	  pointer-events: all;
	  height: 28px;
	  cursor: pointer;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	.qhz-menu-btn.qhz-active {
		border: solid 1px rgb(255, 255, 255, .6);
		border-radius: 50%;
		height: 58px;
		width: 58px;
	}
	.qhz-menu-btn.qhz-active:hover {
		border: solid 1px rgb(255, 255, 255, .9);
	}

	@media screen and (max-width: 992px) {
	  .qhz-menu-btn {
	    transform: scale(0.85);
	  }
	}
	.qhz-menu-btn span, 
	.qhz-menu-btn span:after,
	.qhz-menu-btn span:before {
	  content: "";
	  display: block;
	  width: 28px;
	  height: 2.5px;
	  background: rgb(0, 0, 0);
	  backface-visibility: hidden;
	  transition: inherit;
	}
	.qhz-menu-btn span {
	  position: relative;
	}
	.qhz-menu-btn span:after, 
	.qhz-menu-btn span:before {
	  position: absolute;
	}
	.qhz-menu-btn span:before {
	  top: -9px;
	}
	.qhz-menu-btn span:after {
	  width: 18px;
	  top: 9px;
	}
	.qhz-menu-btn.qhz-active span {
	  transform: rotate(45deg);
	}
	.qhz-menu-btn.qhz-active span:before {
	  transform: translate(0px, 9px) rotate(-90deg);
	}
	.qhz-menu-btn.qhz-active span:after {
	  opacity: 0;
	  width: 24px;
	  transform: translate(0px, -9px) rotate(-90deg);
	}

	/* -------------------------------------------

	menu

	------------------------------------------- */
	.qhz-menu-frame {
	  position: fixed;
	  z-index: 9;
	  width: 100%;
	  height: 100vh;
	  background-color: rgb(18 12 45);
	  opacity: 0;
	  pointer-events: none;
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-menu-frame .container {
	  pointer-events: none;
	}
	.qhz-menu-frame .qhz-frame-top {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  padding: 50px 60px;
	}
	@media screen and (max-width: 1200px) {
	  .qhz-menu-frame .qhz-frame-top {
		display: none;
	  }
	}
	.qhz-menu-frame .qhz-frame-top .qhz-logo {
	  color: rgb(255, 255, 255);
	}
	.qhz-menu-frame .qhz-frame-top .qhz-menu-btn span, 
	.qhz-menu-frame .qhz-frame-top .qhz-menu-btn span:after, 
	.qhz-menu-frame .qhz-frame-top .qhz-menu-btn span:before {
	  background-color: rgb(255, 255, 255, .6);
	}
	.qhz-menu-frame .qhz-frame-top .qhz-menu-btn:hover span,
	.qhz-menu-frame .qhz-frame-top .qhz-menu-btn:hover span:after, 
	.qhz-menu-frame .qhz-frame-top .qhz-menu-btn:hover span:before {
	  background-color: rgb(255, 255, 255, .9);
	}
	.qhz-menu-frame .qhz-main-menu {
	  transform: translateX(-30px);
	  opacity: 0;
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	@media screen and (max-width: 1200px) {
	  .qhz-menu-frame .qhz-main-menu {
	    transform: translateY(30px);
	  }
	}
	.qhz-menu-frame .qhz-menu-right-frame {
	  padding-left: 60px;
	  position: relative;
	  height: 100vh;
	  display: flex;
	  align-items: flex-end;
	  border-left: solid 1px rgba(255, 255, 255, 0.1);
	  opacity: 0;
	  transform: translateY(30px);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-menu-frame .qhz-menu-right-frame .qhz-menu-right {
	  padding-bottom: 60px;
	}
	.qhz-menu-frame .qhz-menu-right-frame .qhz-animation-in {
	  position: absolute;
	  top: -320px;
	  right: 0;
	  opacity: 0;
	  transform: translateY(-60px);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	@media screen and (max-width: 1200px) {
	  .qhz-menu-frame .qhz-menu-right-frame {
		display: none;
	  }
	}
	@media screen and (max-height: 800px) {
	  .qhz-menu-frame .qhz-menu-right-frame {
		display: none;
	  }
	}
	.qhz-menu-frame.qhz-active {
	  opacity: 1;
	  pointer-events: all;
	}
	.qhz-menu-frame.qhz-active .container {
	  pointer-events: all;
	}
	.qhz-menu-frame.qhz-active .qhz-main-menu {
	  transform: translateX(0);
	  transform: translateY(0);
	  opacity: 1;
	  transition-delay: 0.4s;
	}
	.qhz-menu-frame.qhz-active .qhz-menu-right-frame {
	  opacity: 1;
	  transform: translateY(0);
	  transition-delay: 0.6s;
	}
	.qhz-menu-frame.qhz-active .qhz-menu-right-frame .qhz-animation-in {
	  opacity: 1;
	  transform: translateY(0);
	  transition-delay: 0.8s;
	}

	.qhz-menu-list li {
	  list-style-type: none;
	  margin-bottom: 12px;
	}
	.qhz-menu-list li:last-child {
	  margin-bottom: 0;
	}
	.qhz-menu-list li a {
	  display: block;
	  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-menu-list li a:hover {
	  transform: translateX(5px);
	  color: rgb(255, 255, 255);
	}
	.qhz-menu-list.qhz-hori-list {
	  display: flex;
	}
	.qhz-menu-list.qhz-hori-list li {
	  margin-bottom: 0;
	  margin-right: 30px;
	}
	.qhz-menu-list.qhz-dark li a {
	  color: rgb(0, 0, 0);
	}

	.qhz-main-menu {
	  height: 100vh;
	  display: flex;
	  align-items: center;
	}
	.qhz-main-menu ul {
	  padding: 0;
	  margin: 0;
	  list-style: none;
	}
	.qhz-main-menu ul li {
	  margin-bottom: 10px;
	}
	.qhz-main-menu ul li:last-child {
	  margin-bottom: 0;
	}
	.qhz-main-menu ul li a.nav-link {
		position: relative;
		display: flex;
		align-items: center;
		font-weight: 400;
		color: rgb(255, 255, 255, .9);
		font-size: 28px;
		transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
		letter-spacing: 2px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-main-menu ul li a.nav-link {
		font-size: 26px;
	  }
	}
	.qhz-main-menu ul li a.nav-link:before {
	  content: "";
	  position: absolute;
	  left: 0;
	  width: 10px;
	  height: 10px;
	  border-radius: 50%;
	  background-color: rgba(255, 255, 255, 0.4);
	  transform: scale(0);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-main-menu ul li a.qhz-active {
	  padding-left: 25px;
	}
	.qhz-main-menu ul li a.qhz-active:before {
	  transform: scale(1.3);
	  background-color: rgb(255, 152, 0);
	}
	.qhz-main-menu ul li a.qhz-active:hover {
	  filter: brightness(60%);
	}
	.qhz-main-menu ul li.qhz-has-children a.nav-link:hover {
	  /*color: rgb(255, 255, 255);*/
	  padding-left: 25px;
	}
	.qhz-main-menu ul li.qhz-has-children > a.nav-link:hover:before {
		transform: scale(1.3);
	}
	.qhz-main-menu ul li.qhz-has-children ul {
	  padding-left: 25px;
	  overflow: hidden;
	  max-height: 0;
	  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-main-menu ul li.qhz-has-children ul li {
	  margin-bottom: 5px;
	}
	.qhz-main-menu ul li.qhz-has-children ul li:first-child {
	  margin-top: 40px;
	}
	.qhz-main-menu ul li.qhz-has-children ul li a.nav-link {
	  display: block;
	  font-size: 12px;
	  color: rgba(255, 255, 255, 0.4);
	  letter-spacing: 2px;
	  font-weight: 500;
	  text-transform: uppercase;
	}
	.qhz-main-menu ul li.qhz-has-children ul li a.nav-link:before {
	  display: none;
	}
	.qhz-main-menu ul li.qhz-has-children ul li a.nav-link:hover {
	  color: rgba(255, 255, 255, 0.8);
	  transform: translateX(5px);
	}
	.qhz-main-menu ul li.qhz-has-children ul.qhz-active {
	  max-height: 200px;
	}
	@media screen and (max-width: 1200px) {
	  .qhz-main-menu {
		justify-content: center;
	  }
	  .qhz-main-menu ul {
		display: flex;
		flex-direction: column;
		align-items: center;
	  }
	  .qhz-main-menu ul li {
		margin-bottom: 30px;
	  }
	  /*.qhz-main-menu ul li a {
		justify-content: center;
	  }*/
	  .qhz-main-menu ul li a.nav-link:before {
		display: none;
	  }
	  .qhz-main-menu ul li a.nav-link.qhz-active {
		padding-left: 0;
	  }
	  .qhz-main-menu ul li.qhz-has-children ul {
		padding-left: 0;
	  }
	  .qhz-main-menu ul li.qhz-has-children ul li:first-child {
		margin-top: 30px;
	  }
	}
	
    .qhz-main-menu i {
		color: rgb(255, 255, 255, .9);
		margin-right: 10px;rgb(18 12 45)
		font-size: 105%;
    }
	
	.qhz-main-menu ul li a.nav-link.qhz-active i,
	.qhz-main-menu ul li a.nav-link.qhz-active {
		color: #ffa000c7;
    }
	

	.qhz-main-menu .nav-menu .nav-link:not(.qhz-active):hover,
    .qhz-main-menu .nav-menu .nav-link:not(.qhz-active):hover i {
		color: rgb(255, 255, 255, .55);
	}
	

	/* -------------------------------------------

	banner

	------------------------------------------- */
	.qhz-banner {
	  height: 100vh;
	}
	.qhz-banner .container {
	  height: 100%;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: end;
	  -ms-flex-align: end;
	  align-items: flex-end;
	}
	.qhz-banner .qhz-banner-content {
		width: 100%;
		position: relative;
		margin-top: auto;
		margin-bottom: auto;
	}
	@media screen and (max-width: 992px) {
	  .qhz-banner .qhz-banner-content {
		padding-bottom: 90px;
	  }
	}
	.qhz-banner .qhz-lines-place {
	  position: absolute;
	  left: 0;
	  bottom: calc(100% + 120px);
	}

	.qhz-inner-banner .qhz-banner-content {
	  padding: 150px 0 0 0;
	}
	@media screen and (max-width: 1200px) {
	  .qhz-inner-banner .qhz-banner-content {
		padding: 180px 0 0 0;
	  }
	}

	.qhz-banner-personal {
	  height: 100vh;
	  background-color: rgba(0, 0, 0, 0.1);
	}
	.qhz-banner-personal .qhz-banner-content {
	  position: relative;
	  padding-top: 90px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-banner-personal .qhz-banner-content {
		padding-top: 180px;
	  }
	}
	.qhz-banner-personal .qhz-banner-content .qhz-personal-text {
	  margin-bottom: 300px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-banner-personal .qhz-banner-content .qhz-personal-text {
		margin-bottom: 80px;
		text-align: center;
	  }
	}
	.qhz-banner-personal .qhz-banner-content .qhz-banner-panel {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
	  justify-content: space-between;
	  padding: 0 60px 0 90px;
	  background-color: rgb(255, 255, 255);
	  height: 180px;
	  position: absolute;
	  top: calc(100vh - 180px);
	  left: 0;
	  width: 100%;
	}
	@media screen and (max-width: 992px) {
	  .qhz-banner-personal .qhz-banner-content .qhz-banner-panel {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto;
		padding: 60px 30px;
	  }
	  .qhz-banner-personal .qhz-banner-content .qhz-banner-panel h5 {
		margin-bottom: 60px;
		text-align: center;
		width: 80%;
	  }
	}
	.qhz-banner-personal .qhz-banner-content .qhz-banner-panel .qhz-right {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	}
	.qhz-banner-personal .qhz-banner-content .qhz-banner-panel .qhz-right .qhz-social-frame {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
	  margin-right: 30px;
	  padding: 0 50px;
	  background-color: rgba(0, 0, 0, 0.1);
	  height: 70px;
	  border-radius: 70px;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-banner-personal .qhz-banner-content .qhz-banner-panel .qhz-right .qhz-social-frame:hover {
	  -webkit-transform: scale(1.015);
			  transform: scale(1.015);
	}
	@media screen and (max-width: 992px) {
	  .qhz-banner-personal .qhz-banner-content .qhz-banner-panel .qhz-right {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
	  }
	  .qhz-banner-personal .qhz-banner-content .qhz-banner-panel .qhz-right .qhz-social-frame {
		margin-right: 0;
		margin-bottom: 30px;
		height: 60px;
	  }
	}
	.qhz-banner-personal .qhz-banner-content .qhz-banner-panel .qhz-button {
	  margin: 0 !important;
	}
	@media screen and (max-width: 992px) {
	  .qhz-banner-personal .qhz-banner-content .qhz-banner-panel {
		bottom: 0;
		top: auto;
	  }
	}
	@media screen and (max-width: 768px) {
	  .qhz-banner-personal .qhz-banner-content .qhz-banner-panel {
		position: static;
		margin-bottom: 90px;
	  }
	}
	@media screen and (max-width: 992px) {
	  .qhz-banner-personal {
		height: auto;
	  }
	}

	.qhz-portrait-frame {
	  position: relative;
	}
	.qhz-portrait-frame img {
	  position: relative;
	  bottom: 0;
	  width: 100%;
	  height: 100%;
	  -o-object-fit: contain;
		 object-fit: contain;
	}
	.qhz-portrait-frame .qhz-nimbus {
	  background: radial-gradient(50% 50% at 50% 50%, rgb(255, 152, 0) 0%, rgba(250, 168, 69, 0) 100%);
	  width: 100%;
	  padding-bottom: 100%;
	  position: absolute;
	  opacity: 0.6;
	}
	@media screen and (max-width: 768px) {
	  .qhz-portrait-frame {
		height: 400px;
	  }
	  .qhz-portrait-frame img {
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: top;
		   object-position: top;
	  }
	}

	/* -------------------------------------------

	circle text

	------------------------------------------- */
	.qhz-circle-text {
	  position: absolute;
	  right: 0;
	  bottom: -35px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  width: 140px;
	  height: 140px;
	}
	.qhz-circle-text .qhz-ct-svg {
	  -webkit-transform: scale(2);
			  transform: scale(2);
	  width: 140px;
	  height: 140px;
	}
	.qhz-circle-text .qhz-ct-svg text {
	  fill: rgba(255, 255, 255, 0.4);
	  text-transform: uppercase;
	  font-size: 12px;
	  font-weight: 500;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-circle-text .qhz-button {
	  position: absolute;
	}
	.qhz-circle-text:hover svg text {
	  fill: rgb(255, 255, 255);
	}
	@media screen and (max-width: 992px) {
	  .qhz-circle-text {
		display: none;
	  }
	}

	/* -------------------------------------------

	lines

	------------------------------------------- */
	@-webkit-keyframes move {
	  from {
		-webkit-transform: translateY(-75px);
				transform: translateY(-75px);
	  }
	  50% {
		-webkit-transform: translateY(75px);
				transform: translateY(75px);
	  }
	  to {
		-webkit-transform: translateY(-75px);
				transform: translateY(-75px);
	  }
	}
	@keyframes move {
	  from {
		-webkit-transform: translateY(-75px);
				transform: translateY(-75px);
	  }
	  50% {
		-webkit-transform: translateY(75px);
				transform: translateY(75px);
	  }
	  to {
		-webkit-transform: translateY(-75px);
				transform: translateY(-75px);
	  }
	}
	.qhz-lines-place .qhz-lines {
	  opacity: 0.05;
	  pointer-events: none;
	}
	@media screen and (max-width: 992px) {
	  .qhz-lines-place .qhz-lines {
		display: none;
	  }
	}
	.qhz-lines-place .qhz-lines path, .qhz-lines-place .qhz-lines rect, .qhz-lines-place .qhz-lines line {
	  stroke: rgb(0, 0, 0);
	}
	.qhz-lines-place .qhz-lines .qhz-move {
	  -webkit-animation: move 10s linear infinite;
			  animation: move 10s linear infinite;
	}
	.qhz-lines-place.qhz-light .qhz-lines {
	  opacity: 0.2;
	}
	.qhz-lines-place.qhz-light .qhz-lines path, .qhz-lines-place.qhz-light .qhz-lines rect, .qhz-lines-place.qhz-light .qhz-lines line {
	  stroke: rgb(255, 255, 255);
	}

	/* -------------------------------------------

	dodecahedron

	------------------------------------------- */
	.qhz-animation-frame {
	  width: 100%;
	  height: 100vh;
	  position: absolute;
	  top: 0;
	  -webkit-animation: jump 10s linear infinite;
			  animation: jump 10s linear infinite;
	  pointer-events: none;
	}

	.qhz-animation {
	  position: absolute;
	  display: inline-block;
	  width: 300px;
	  height: 300px;
	  opacity: 0.2;
	  pointer-events: none;
	}

	.qhz-position-1 {
	  top: 100px;
	  right: 100px;
	}
	.qhz-position-1 .qhz-pentagon div {
	  border-top: 0.1px solid var(--bs-orange);
	}

	.qhz-position-2 {
	  top: -60px;
	  left: 15%;
	}
	.qhz-position-2 .qhz-pentagon div {
	  border-top: 1px solid var(--bs-orange);
	}
	.qhz-position-2 .qhz-dodecahedron {
	  -webkit-animation-delay: 0.5s;
			  animation-delay: 0.5s;
	}
	@media screen and (max-width: 1400px) {
	  .qhz-position-2 {
		display: none;
	  }
	}


	.qhz-position-3 {
	  bottom: -100px;
	  right: 35%;
	  display: none;
	}
	.qhz-position-3 .qhz-pentagon div {
	  border-top: 1px solid var(--bs-orange);
	}
	.qhz-position-3 .qhz-dodecahedron {
	  -webkit-animation-delay: 1s;
			  animation-delay: 1s;
	}
	@media screen and (max-width: 1400px) {
	  .qhz-position-3 {
		display: none;
	  }
	}

	.qhz-position-4 {
	  top: -60px;
	  right: 20%;
	}
	.qhz-position-4 .qhz-pentagon div {
	  border-top: 0.1px solid var(--bs-orange);
	}
	.qhz-position-4 .qhz-dodecahedron {
	  -webkit-animation-delay: 0.5s;
			  animation-delay: 0.5s;
	}
	@media screen and (max-width: 1400px) {
	  .qhz-position-4 {
		display: none;
	  }
	}
	.qhz-position-4.qhz-dark .qhz-pentagon div {
	  border-top: 0.1px solid rgb(0, 0, 0);
	}
	.about-us .qhz-position-4.qhz-dark .qhz-pentagon div {
		border-top: 0.1px solid var(--bs-yellow);
	}


	.qhz-dodecahedron {
	  position: relative;
	  left: 100px;
	  top: 40px;
	  width: 100px;
	  height: 223px;
	  -webkit-transform-style: preserve-3d;
			  transform-style: preserve-3d;
	  -webkit-animation: rotate 200s infinite linear;
			  animation: rotate 200s infinite linear;
	}
	@-webkit-keyframes rotate {
	  from {
		/*-webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(360deg);
				transform: rotateX(0deg) rotateY(360deg) rotateZ(360deg);*/
		-webkit-transform: rotateX(45deg) rotateY(315deg) rotateZ(315deg);
				transform: rotateX(45deg) rotateY(315deg) rotateZ(315deg);
	  }
	  to {
		-webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(-360deg);
				transform: rotateX(360deg) rotateY(0deg) rotateZ(-360deg);
	  }
	}
	@keyframes rotate {
	  from {
		/*-webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(360deg);
				transform: rotateX(0deg) rotateY(360deg) rotateZ(360deg);*/
		-webkit-transform: rotateX(45deg) rotateY(315deg) rotateZ(315deg);
				transform: rotateX(45deg) rotateY(315deg) rotateZ(315deg);
				
	  }
	  to {
		-webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(-360deg);
				transform: rotateX(360deg) rotateY(0deg) rotateZ(-360deg);
	  }
	}

	.qhz-pentagon {
	  position: absolute;
	  width: 120px;
	}
	.qhz-pentagon:nth-child(1) {
	  -webkit-transform: rotateY(0.2turn) translateZ(69px) rotateX(26.5deg);
			  transform: rotateY(0.2turn) translateZ(69px) rotateX(26.5deg);
	}
	.qhz-pentagon:nth-child(6) {
	  bottom: 0;
	  -webkit-transform: rotateY(0.2turn) translateZ(-69px) rotateX(206.5deg);
			  transform: rotateY(0.2turn) translateZ(-69px) rotateX(206.5deg);
	}
	.qhz-pentagon:nth-child(2) {
	  -webkit-transform: rotateY(0.4turn) translateZ(69px) rotateX(26.5deg);
			  transform: rotateY(0.4turn) translateZ(69px) rotateX(26.5deg);
	}
	.qhz-pentagon:nth-child(7) {
	  bottom: 0;
	  -webkit-transform: rotateY(0.4turn) translateZ(-69px) rotateX(206.5deg);
			  transform: rotateY(0.4turn) translateZ(-69px) rotateX(206.5deg);
	}
	.qhz-pentagon:nth-child(3) {
	  -webkit-transform: rotateY(0.6turn) translateZ(69px) rotateX(26.5deg);
			  transform: rotateY(0.6turn) translateZ(69px) rotateX(26.5deg);
	}
	.qhz-pentagon:nth-child(8) {
	  bottom: 0;
	  -webkit-transform: rotateY(0.6turn) translateZ(-69px) rotateX(206.5deg);
			  transform: rotateY(0.6turn) translateZ(-69px) rotateX(206.5deg);
	}
	.qhz-pentagon:nth-child(4) {
	  -webkit-transform: rotateY(0.8turn) translateZ(69px) rotateX(26.5deg);
			  transform: rotateY(0.8turn) translateZ(69px) rotateX(26.5deg);
	}
	.qhz-pentagon:nth-child(9) {
	  bottom: 0;
	  -webkit-transform: rotateY(0.8turn) translateZ(-69px) rotateX(206.5deg);
			  transform: rotateY(0.8turn) translateZ(-69px) rotateX(206.5deg);
	}
	.qhz-pentagon:nth-child(5) {
	  -webkit-transform: rotateY(1turn) translateZ(69px) rotateX(26.5deg);
			  transform: rotateY(1turn) translateZ(69px) rotateX(26.5deg);
	}
	.qhz-pentagon:nth-child(10) {
	  bottom: 0;
	  -webkit-transform: rotateY(1turn) translateZ(-69px) rotateX(206.5deg);
			  transform: rotateY(1turn) translateZ(-69px) rotateX(206.5deg);
	}
	.qhz-pentagon:nth-child(11) {
	  -webkit-transform: translateZ(69px) rotateX(-90deg);
			  transform: translateZ(69px) rotateX(-90deg);
	}
	.qhz-pentagon:nth-child(12) {
	  bottom: 0;
	  -webkit-transform: translateZ(-69px) rotateX(90deg);
			  transform: translateZ(-69px) rotateX(90deg);
	}
	.qhz-pentagon div {
	  position: absolute;
	  width: 120px;
	  height: 69px;
	  -webkit-transform-origin: bottom;
			  transform-origin: bottom;
	}
	/*.home .qhz-pentagon div {
		width: 100px;
		height: 49px;
	}
	.about-us .qhz-pentagon div {
		position: absolute;
		width: 150px;
		height: 60px;
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}*/
	.qhz-pentagon div:nth-child(1) {
	  -webkit-transform: rotate(0.2turn);
			  transform: rotate(0.2turn);
	}
	.qhz-pentagon div:nth-child(2) {
	  -webkit-transform: rotate(0.4turn);
			  transform: rotate(0.4turn);
	}
	.qhz-pentagon div:nth-child(3) {
	  -webkit-transform: rotate(0.6turn);
			  transform: rotate(0.6turn);
	}
	.qhz-pentagon div:nth-child(4) {
	  -webkit-transform: rotate(0.8turn);
			  transform: rotate(0.8turn);
	}
	.qhz-pentagon div:nth-child(5) {
	  -webkit-transform: rotate(1turn);
			  transform: rotate(1turn);
	}

	@-webkit-keyframes jump {
	  0% {
		-webkit-transform: translateY(-30px);
				transform: translateY(-30px);
	  }
	  50% {
		-webkit-transform: translateY(30px);
				transform: translateY(30px);
	  }
	  100% {
		-webkit-transform: translateY(-30px);
				transform: translateY(-30px);
	  }
	}

	@keyframes jump {
	  0% {
		-webkit-transform: translateY(-30px);
				transform: translateY(-30px);
	  }
	  50% {
		-webkit-transform: translateY(30px);
				transform: translateY(30px);
	  }
	  100% {
		-webkit-transform: translateY(-30px);
				transform: translateY(-30px);
	  }
	}
	/* -------------------------------------------

	about

	------------------------------------------- */
	.qhz-about-quote {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.qhz-about-quote .qhz-avatar {
	  width: 90px;
	  height: 90px;
	  border-radius: 50%;
	  position: relative;
	}
	.qhz-about-quote .qhz-avatar:after {
	  content: ' " ';
	  color: rgb(0, 0, 0);
	  width: 30px;
	  height: 30px;
	  border-radius: 50%;
	  background-color: rgb(255, 152, 0);
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  padding-top: 12px;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  font-size: 36px;
	}
	.qhz-about-quote .qhz-avatar img {
	  border-radius: 50%;
	  width: 100%;
	  height: 100%;
	  -o-object-fit: cover;
		 object-fit: cover;
	  -o-object-position: top;
		 object-position: top;
	}
	.qhz-about-quote .qhz-quote {
	  padding-left: 30px;
	  width: calc(100% - 90px);
	}
	@media screen and (max-width: 992px) {
	  .qhz-about-quote .qhz-avatar {
		width: 70px;
		height: 70px;
	  }
	  .qhz-about-quote .qhz-avatar:after {
		padding-top: 7px;
		width: 25px;
		height: 25px;
		font-size: 24px;
	  }
	  .qhz-about-quote .qhz-quote {
		font-size: 16px;
		padding-left: 30px;
		width: calc(100% - 70px);
	  }
	}

	.qhz-about-photo {
	  position: relative;
	}
	.qhz-about-photo .qhz-lines-place {
	  position: absolute;
	  top: -120px;
	  left: -27%;
	}

	/* -------------------------------------------

	partners

	------------------------------------------- */
	.qhz-infinite-show .swiper-wrapper {
	  -webkit-transition-timing-function: linear;
			  transition-timing-function: linear;
	}

	.qhz-partner-frame {
	  display: block;
	}
	.qhz-partner-frame img {
	  width: 135px;
	  max-width: max-content;
	}

	/* -------------------------------------------

	services

	------------------------------------------- */
	.qhz-complex-text {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.qhz-complex-text .qhz-button {
	  margin-left: 30px;
	}
	@media screen and (max-width: 768px) {
	  .qhz-complex-text {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
	  }
	  .qhz-complex-text .qhz-button {
		margin-left: 0;
		margin-top: 60px;
	  }
	}

	.qhz-text-image {
	  height: 105px;
	  width: 230px;
	  display: inline-block;
	  overflow: hidden;
	  border-radius: 70px;
	  margin-right: 30px;
	}
	.qhz-text-image img {
	  width: 100%;
	  height: 100%;
	  -o-object-fit: fill;
		 object-fit: fill;
	  -o-object-position: center;
		 object-position: center;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-text-image:hover img {
	  -webkit-transform: scale(1.05);
			  transform: scale(1.05);
	}
	@media screen and (max-width: 768px) {
	  .qhz-text-image {
		display: none;
	  }
	}

	.qhz-service-card-sm {
	  position: relative;
	  display: block;
	  padding: 35px 20px;
	}
	.qhz-service-card-sm p {
	  opacity: 0;
	  -webkit-transform: translateY(10px);
			  transform: translateY(10px);
	  overflow: hidden;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  line-clamp: 3;
	  -webkit-box-orient: vertical;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-service-card-sm .qhz-button {
	  -webkit-transform: scale(0.3);
			  transform: scale(0.3);
	  -webkit-filter: grayscale(100%);
			  filter: grayscale(100%);
	  opacity: 0.4;
	}
	.qhz-service-card-sm:before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 4px;
	  width: 0;
	  background-color: var(--bs-orange);
	  -webkit-transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-service-card-sm:hover p {
	  opacity: 1;
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	.qhz-service-card-sm:hover .qhz-button {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  -webkit-filter: grayscale(0);
			  filter: grayscale(0);
	  opacity: 1;
	}
	.qhz-service-card-sm:hover:before {
	  width: 100%;
	}
	@media screen and (max-width: 992px) {
	  .qhz-service-card-sm p {
		opacity: 1;
		-webkit-transform: translateY(0);
				transform: translateY(0);
	  }
	  .qhz-service-card-sm .qhz-button {
		-webkit-transform: scale(1);
				transform: scale(1);
		-webkit-filter: grayscale(0);
				filter: grayscale(0);
		opacity: 1;
	  }
	}

	.qhz-services-grid {
	  border-top: solid 1px rgba(255, 255, 255, 0.1);
	}
	.qhz-services-grid .qhz-services-grid-item {
	  border-right: solid 1px rgba(255, 255, 255, 0.1);
	}
	.qhz-services-grid .qhz-services-grid-item:first-child {
	  border-left: solid 1px rgba(255, 255, 255, 0.1);
	}
	@media screen and (max-width: 992px) {
	  .qhz-services-grid .qhz-services-grid-item {
		border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	  }
	  .qhz-services-grid .qhz-services-grid-item:nth-child(3) {
		border-left: solid 1px rgba(255, 255, 255, 0.1);
	  }
	}
	@media screen and (max-width: 768px) {
	  .qhz-services-grid .qhz-services-grid-item {
		border-left: solid 1px rgba(255, 255, 255, 0.1);
		border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	  }
	}

	.qhz-service-card-lg {
	  display: block;
	}
	.qhz-service-card-lg .qhz-descr {
	  padding-right: 30px;
	}
	.qhz-service-card-lg.qhz-offset {
	  margin-top: 60px;
	  margin-bottom: 60px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-service-card-lg.qhz-offset {
		margin-top: 0;
	  }
	}
	@media screen and (max-width: 992px) {
	  .qhz-service-card-lg {
		margin-bottom: 60px;
	  }
	}
	.qhz-service-card-lg.qhz-other-card {
	  overflow: hidden;
	  position: relative;
	  border: solid 1px rgb(229, 229, 229);
	  padding: 60px;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-service-card-lg.qhz-other-card .qhz-descr {
	  padding-right: 0;
	}
	.qhz-service-card-lg.qhz-other-card:hover {
	  background-color: rgb(255, 152, 0);
	}
	.qhz-service-card-lg.qhz-other-card:hover .qhz-link svg {
	  background-color: rgb(0, 0, 0);
	}
	.qhz-service-card-lg.qhz-other-card:hover .qhz-link svg path {
	  fill: rgb(255, 152, 0);
	}
	@media screen and (max-width: 1200px) {
	  .qhz-service-card-lg.qhz-other-card {
		padding: 30px;
	  }
	}

	.qhz-service-list li {
	  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	  list-style-type: none;
	  padding: 15px 0;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	  font-weight: 500;
	  font-size: 12px;
	}
	.qhz-service-list li:first-child {
	  border-top: solid 1px rgba(255, 255, 255, 0.1);
	}
	.qhz-service-list.qhz-light li {
	  color: rgba(255, 255, 255, 0.6);
	}
	.qhz-service-list.qhz-dark li {
	  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	}
	.qhz-service-list.qhz-dark li:first-child {
	  border-top: solid 1px rgba(0, 0, 0, 0.1);
	}

	/* -------------------------------------------

	team

	------------------------------------------- */
	.qhz-team-card {
	  position: relative;
	  overflow: hidden;
	  padding-bottom: 100%;
	}
	.qhz-team-card:after {
	  content: "";
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  height: 4px;
	  width: 0;
	  background-color: rgb(255, 152, 0);
	  -webkit-transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-team-card img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  -o-object-fit: cover;
		 object-fit: cover;
	  -o-object-position: top;
		 object-position: top;
	  -webkit-transform: scale(1.05);
			  transform: scale(1.05);
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-team-card.qhz-offset-card {
	  -webkit-transform: translateY(60px);
			  transform: translateY(60px);
	}
	@media screen and (max-width: 992px) {
	  .qhz-team-card.qhz-offset-card {
		-webkit-transform: none;
				transform: none;
	  }
	}
	.qhz-team-card .qhz-description {
	  opacity: 0;
	  text-align: center;
	  background-color: rgba(0, 0, 0, 0.8);
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  padding: 60px 30px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  -webkit-box-pack: end;
		  -ms-flex-pack: end;
			  justify-content: flex-end;
	  pointer-events: none;
	  -webkit-transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-team-card .qhz-description .qhz-secrc-text {
	  opacity: 0;
	  -webkit-transform: translateY(15px);
			  transform: translateY(15px);
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  -webkit-transition-delay: 0s;
			  transition-delay: 0s;
	}
	.qhz-team-card .qhz-description .qhz-secrc-text a {
	  color: rgb(255, 255, 255);
	  -webkit-transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-team-card .qhz-description .qhz-secrc-text a:hover {
	  color: rgb(255, 152, 0);
	}
	.qhz-team-card:hover img {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
	.qhz-team-card:hover:after {
	  width: 100%;
	}
	.qhz-team-card:hover .qhz-description {
	  opacity: 1;
	  pointer-events: all;
	}
	.qhz-team-card:hover .qhz-description .qhz-secrc-text {
	  opacity: 1;
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  -webkit-transition-delay: 0.1s;
			  transition-delay: 0.1s;
	}

	.qhz-team-list {
	  position: relative;
	}
	.qhz-team-list .qhz-lines-place {
	  position: absolute;
	  top: -120px;
	  left: -22.5%;
	}

	/* -------------------------------------------

	social icons

	------------------------------------------- */
	.qhz-social-icons {
	  padding: 0;
	  margin: 0;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	}
	.qhz-social-icons.qhz-center {
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	}
	.qhz-social-icons li {
	  list-style-type: none;
	  margin-right: 15px;
	}
	.qhz-social-icons li:last-child {
	  margin-right: 0;
	}
	.qhz-social-icons li a {
	  color: rgb(255, 255, 255);
	  font-size: 24px;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-social-icons li a:hover {
	  color: rgb(255, 255, 255, .45);
	}
	.qhz-social-icons.qhz-dark li a {
	  color: rgb(0, 0, 0);
	}
	.qhz-social-icons.qhz-dark li a:hover {
	  color: rgb(255, 152, 0);
	}

	/* -------------------------------------------

	revievs

	------------------------------------------- */
	.qhz-revi-pagination {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	}
	@media screen and (max-width: 992px) {
	  .qhz-revi-pagination {
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	  }
	}
	.qhz-revi-pagination .swiper-pagination-bullet {
	  padding: 0;
	  width: 110px;
	  height: 110px;
	  padding: 10px;
	  opacity: 1;
	  border: none;
	  background-color: transparent;
	  margin: 0 !important;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1) !important;
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1) !important;
	}
	@media screen and (max-width: 992px) {
	  .qhz-revi-pagination .swiper-pagination-bullet {
		width: 90px;
		height: 90px;
	  }
	}
	.qhz-revi-pagination .swiper-pagination-bullet:nth-child(2n) {
	  margin-top: 30px !important;
	}
	@media screen and (max-width: 992px) {
	  .qhz-revi-pagination .swiper-pagination-bullet:nth-child(2n) {
		margin-top: 0 !important;
	  }
	}
	.qhz-revi-pagination .swiper-pagination-bullet:hover {
	  -webkit-box-shadow: inset 0 0 0 4px rgb(255, 255, 255);
			  box-shadow: inset 0 0 0 4px rgb(255, 255, 255);
	}
	.qhz-revi-pagination .swiper-pagination-bullet .qhz-custom-dot {
	  background-color: red;
	  width: 90px;
	  height: 90px;
	  border-radius: 50%;
	  background-size: cover;
	  background-position: top;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1) !important;
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1) !important;
	}
	@media screen and (max-width: 992px) {
	  .qhz-revi-pagination .swiper-pagination-bullet .qhz-custom-dot {
		width: 70px;
		height: 70px;
	  }
	}
	.qhz-revi-pagination .swiper-pagination-bullet .qhz-custom-dot.qhz-slide-1 {
	  background-image: url(/assets/img/customers/1.jpg);
	}
	.qhz-revi-pagination .swiper-pagination-bullet .qhz-custom-dot.qhz-slide-2 {
	  background-image: url(/assets/img/customers/2.jpg);
	}
	.qhz-revi-pagination .swiper-pagination-bullet .qhz-custom-dot.qhz-slide-3 {
	  background-image: url(/assets/img/customers/3.jpg);
	}
	.qhz-revi-pagination .swiper-pagination-bullet .qhz-custom-dot.qhz-slide-4 {
	  background-image: url(/assets/img/customers/4.jpg);
	}
	.qhz-revi-pagination .swiper-pagination-bullet .qhz-custom-dot.qhz-slide-5 {
	  background-image: url(/assets/img/customers/5.jpg);
	}
	.qhz-revi-pagination .swiper-pagination-bullet .qhz-custom-dot.qhz-slide-6 {
	  background-image: url(/assets/img/customers/6.jpg);
	}
	.qhz-revi-pagination .swiper-pagination-bullet .qhz-custom-dot.qhz-slide-7 {
	  background-image: url(/assets/img/customers/7.jpg);
	}
	.qhz-revi-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	  -webkit-box-shadow: inset 0 0 0 4px rgb(255, 152, 0);
			  box-shadow: inset 0 0 0 4px rgb(255, 152, 0);
	}

	.qhz-quote-icon {
	  display: block;
	  margin: 0 auto;
	  width: 40px;
	  height: 40px;
	  margin-bottom: 15px;
	}
	.qhz-quote-icon path {
	  fill: rgb(255, 152, 0);
	}

	.qhz-slider-nav {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	}
	.qhz-slider-nav .qhz-slider-arrow {
	  width: 40px;
	  height: 40px;
	  padding: 10px;
	  background-color: rgb(0, 0, 0);
	  border-radius: 50%;
	  cursor: pointer;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-slider-nav .qhz-slider-arrow svg path {
	  fill: rgb(255, 152, 0);
	}
	.qhz-slider-nav .qhz-slider-arrow.qhz-prev {
	  margin-right: 10px;
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	}
	.qhz-slider-nav .qhz-slider-arrow.swiper-button-disabled {
	  opacity: 0.1;
	  cursor: not-allowed;
	}
	.qhz-slider-nav .qhz-slider-arrow:hover {
	  -webkit-transform: scale(1.15);
			  transform: scale(1.15);
	}
	.qhz-slider-nav .qhz-slider-arrow:hover.qhz-prev {
	  -webkit-transform: rotate(180deg) scale(1.15);
			  transform: rotate(180deg) scale(1.15);
	}
	.qhz-slider-nav.qhz-reviews-nav {
	  position: absolute;
	  top: 160px;
	  left: 0;
	  width: 100%;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	}
	@media screen and (max-width: 992px) {
	  .qhz-slider-nav.qhz-reviews-nav {
		top: 0;
	  }
	}
	.qhz-slider-nav.qhz-soft .qhz-slider-arrow {
	  background-color: rgb(229, 229, 229);
	}
	.qhz-slider-nav.qhz-soft .qhz-slider-arrow svg path {
	  fill: rgb(0, 0, 0);
	}

	/* -------------------------------------------

	blog

	------------------------------------------- */
	.qhz-blog-card {
	  display: block;
	}
	.qhz-blog-card .qhz-cover-frame {
	  position: relative;
	  overflow: hidden;
	  padding-bottom: 65%;
	  margin-bottom: 30px;
	}
	.qhz-blog-card .qhz-cover-frame img {
	  width: 100%;
	  height: 100%;
	  -o-object-fit: cover;
		 object-fit: cover;
	  -o-object-position: center;
		 object-position: center;
	  position: absolute;
	  top: 0;
	  left: 0;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-blog-card .qhz-post-descr {
	  padding: 30px 30px 0 0;
	}
	.qhz-blog-card .qhz-post-descr .qhz-post-text {
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	}
	.qhz-blog-card:hover .qhz-cover-frame img {
	  -webkit-transform: scale(1.05);
			  transform: scale(1.05);
	}
	.qhz-blog-card.qhz-blog-card-hori {
	  padding-top: 60px;
	  border-top: solid 1px rgb(229, 229, 229);
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.qhz-blog-card.qhz-blog-card-hori .qhz-cover-frame {
	  margin-bottom: 0;
	  width: 450px;
	  padding-bottom: 27%;
	}
	.qhz-blog-card.qhz-blog-card-hori .qhz-post-descr {
	  width: calc(100% - 450px);
	  padding: 0;
	  padding-left: 60px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-blog-card.qhz-blog-card-hori {
		display: block;
		padding-top: 0;
		border: none;
	  }
	  .qhz-blog-card.qhz-blog-card-hori .qhz-cover-frame {
		width: 100%;
		padding-bottom: 65%;
		margin-bottom: 30px;
	  }
	  .qhz-blog-card.qhz-blog-card-hori .qhz-post-descr {
		width: 100%;
		padding: 30px 30px 0 0;
	  }
	}

	.qhz-labels {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  padding: 0;
	}
	.qhz-labels .qhz-label {
	  margin-right: 15px;
	}
	.qhz-labels .qhz-label:last-child {
	  margin-right: 0;
	}

	.qhz-pagination {
	  padding-top: 60px;
	  border-top: solid 1px rgba(0, 0, 0, 0.1);
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  margin-top: 20px;
	}

	.qhz-pagination-btn {
	  display: inline-block;
	  width: 40px;
	  height: 40px;
	  font-size: 12px;
	  font-weight: 500;
	  border-radius: 50%;
	  background-color: rgba(0, 0, 0, 0.1);
	  color: rgb(0, 0, 0);
	  text-align: center;
	  line-height: 40px;
	  text-decoration: none;
	  margin-right: 10px;
	}

	.qhz-pagination-btn.qhz-active {
	  background-color: rgb(255, 152, 0);
	}

	.qhz-category-list {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	}
	.qhz-category-list li {
	  list-style-type: none;
	  margin-right: 10px;
	}
	.qhz-category-list li:last-child {
	  margin-right: 0;
	}
	.qhz-category-list li a {
		height: 40px;
		display: inline-flex;
		background-color: transparent;
		padding: 0 20px;
		border-radius: 40px;
		color: rgb(0, 0, 0);
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 2px;
		transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
		align-items: center;
	}
	.qhz-category-list li a:hover {
	  background-color: rgb(229, 229, 229);
	}
	.qhz-category-list li a.qhz-active {
	  background-color: rgb(255, 152, 0);
	}
	@media screen and (max-width: 768px) {
	  .qhz-category-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
	  }
	  .qhz-category-list li {
		margin-right: 0;
		margin-bottom: 10px;
		-webkit-box-align: start;
			-ms-flex-align: start;
				align-items: flex-start;
	  }
	  .qhz-category-list li:last-child {
		margin-bottom: 0;
	  }
	  .qhz-category-list li a {
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: flex-start;
	  }
	}

	/* -------------------------------------------

	footer

	------------------------------------------- */
	.qhz-footer-menu {
	  margin-bottom: 120px;
	}
	.qhz-footer-menu ul li {
	  list-style-type: none;
	  margin-bottom: 30px;
	}
	.qhz-footer-menu ul li a {
	  display: block;
	  font-weight: 500;
	  font-size: 28px;
	  color: rgba(255, 255, 255, 0.9);
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-footer-menu ul li a:hover {
	  -webkit-transform: translateX(10px);
			  transform: translateX(10px);
	  color: rgb(255, 152, 0);
	}
	@media screen and (max-width: 768px) {
	  .qhz-footer-menu ul li a {
		font-size: 22px;
	  }
	}
	.qhz-footer-menu ul li.qhz-active a {
	  color: rgb(255, 152, 0);
	}
	.qhz-footer-menu ul li.qhz-active a:hover {
	  -webkit-transform: none;
			  transform: none;
	}
	@media screen and (max-width: 768px) {
	  .qhz-footer-menu {
		margin-bottom: 60px;
	  }
	}

	.qhz-subscribe-form {
	  position: relative;
	  height: 70px;
	  width: 100%;
	}
	.qhz-subscribe-form input {
	  height: 100%;
	  width: 100%;
	  background-color: rgba(255, 255, 255, 0.1);
	  color: rgb(0, 0, 0);
	  font-size: 12px;
	  font-weight: 500;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	  border: none;
	  border-radius: 70px;
	  padding: 0 0 0 50px;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-subscribe-form input::-webkit-input-placeholder {
	  color: rgb(128, 128, 128);
	  font-family: "Lowball", sans-serif;
	  font-size: 12px;
	  font-weight: 500;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	}
	.qhz-subscribe-form input::-moz-placeholder {
	  color: rgb(128, 128, 128);
	  font-family: "Lowball", sans-serif;
	  font-size: 12px;
	  font-weight: 500;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	}
	.qhz-subscribe-form input:-ms-input-placeholder {
	  color: rgb(128, 128, 128);
	  font-family: "Lowball", sans-serif;
	  font-size: 12px;
	  font-weight: 500;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	}
	.qhz-subscribe-form input::-ms-input-placeholder {
	  color: rgb(128, 128, 128);
	  font-family: "Lowball", sans-serif;
	  font-size: 12px;
	  font-weight: 500;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	}
	.qhz-subscribe-form input::placeholder {
	  color: rgb(128, 128, 128);
	  font-family: "Lowball", sans-serif;
	  font-size: 12px;
	  font-weight: 500;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	}
	.qhz-subscribe-form input:focus {
	  background-color: rgb(255, 255, 255);
	  outline: inherit;
	}
	.qhz-subscribe-form input:hover {
	  background-color: rgb(255, 255, 255);
	}
	.qhz-subscribe-form .qhz-button {
	  position: absolute;
	  top: 15px;
	  right: 15px;
	}
	.qhz-subscribe-form.qhz-subscribe-form-2 input {
	  height: 100%;
	  width: 100%;
	  background-color: rgba(0, 0, 0, 0.1);
	}

	/* -------------------------------------------

	portfolio

	------------------------------------------- */
	.qhz-portfolio-item {
	  display: block;
	}
	.qhz-portfolio-item .qhz-cover-frame {
	  position: relative;
	  overflow: hidden;
	  margin-bottom: 30px;
	}
	.qhz-portfolio-item .qhz-cover-frame .qhz-cover {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
	.qhz-portfolio-item .qhz-cover-frame .qhz-cover img {
	  width: 100%;
	  height: 100%;
	  -o-object-fit: cover;
		 object-fit: cover;
	  -o-object-position: center;
		 object-position: center;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-portfolio-item .qhz-cover-frame.qhz-vert {
	  padding-bottom: 130%;
	}
	.qhz-portfolio-item .qhz-cover-frame.qhz-hori {
	  padding-bottom: 65%;
	}
	.qhz-portfolio-item:hover .qhz-cover-frame .qhz-cover img {
	  -webkit-transform: scale(1.05);
			  transform: scale(1.05);
	}
	.qhz-portfolio-item.qhz-slider-item .qhz-cover-frame {
	  margin-bottom: 30px;
	  height: calc(100vh - 360px);
	}
	@media screen and (max-width: 992px) {
	  .qhz-portfolio-item.qhz-slider-item .qhz-cover-frame {
		height: auto;
		padding-bottom: 100%;
	  }
	}
	.qhz-portfolio-item.qhz-slider-item .qhz-descr {
	  overflow: hidden;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  height: 180px;
	  background-color: rgb(242, 242, 242);
	  padding: 0 60px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-portfolio-item.qhz-slider-item .qhz-descr {
		padding: 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		-webkit-box-align: start;
			-ms-flex-align: start;
				align-items: flex-start;
		height: auto;
	  }
	  .qhz-portfolio-item.qhz-slider-item .qhz-descr .qhz-descr-text {
		margin-bottom: 30px;
	  }
	}
	.qhz-portfolio-item.qhz-slider-item:hover .qhz-cover-frame .qhz-cover img {
	  -webkit-transform: none;
			  transform: none;
	}

	.swiper-slide .qhz-portfolio-item .qhz-descr {
	  pointer-events: none;
	}
	.swiper-slide.swiper-slide-active .qhz-portfolio-item .qhz-descr {
	  pointer-events: all;
	}

	.qhz-portfolio {
	  position: relative;
	}
	.qhz-portfolio .qhz-lines-place {
	  position: absolute;
	  left: 40.7%;
	}
	.qhz-portfolio .qhz-lines-place.qhz-lines-long {
	  top: 1289px;
	}

	.qhz-portfolio-slider-frame {
	  z-index: 0;
	  padding-top: 150px;
	}
	@media screen and (max-width: 992px) {
	  .qhz-portfolio-slider-frame {
		padding-top: 180px;
	  }
	}

	.qhz-portfolio-nav {
	  background-color: rgb(242, 242, 242);
	  width: 100%;
	  padding: 0 60px;
	  height: 180px;
	  position: absolute;
	  bottom: 0;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	}
	.qhz-portfolio-nav .qhz-portfolio-btns-frame {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  padding: 0 15px;
	  height: 70px;
	  border-radius: 70px;
	  background-color: rgb(255, 255, 255);
	}
	@media screen and (max-width: 992px) {
	  .qhz-portfolio-nav {
		position: static;
		height: auto;
		padding: 30px 0 90px;
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: flex-start;
		background-color: rgb(255, 255, 255);
	  }
	  .qhz-portfolio-nav .qhz-portfolio-btns-frame {
		width: 100%;
		height: auto;
		padding: 0;
	  }
	}

	.swiper-portfolio-pagination {
	  white-space: nowrap;
	  font-size: 12px;
	  font-weight: 500;
	  letter-spacing: 2px;
	  text-transform: uppercase;
	  padding: 0 15px;
	}

	.qhz-info {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  width: 100%;
	  height: 120px;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	  text-transform: uppercase;
	  font-size: 12px;
	  letter-spacing: 2px;
	  font-weight: 500;
	}
	@media screen and (max-width: 768px) {
	  .qhz-info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		height: auto;
		padding: 30px;
	  }
	}

	.qhz-works-nav {
	  padding-top: 60px;
	  border-top: solid 1px rgba(0, 0, 0, 0.1);
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.qhz-works-nav .qhz-disabled {
	  opacity: 0.2;
	  cursor: not-allowed;
	}
	@media screen and (max-width: 768px) {
	  .qhz-works-nav {
		padding-top: 0;
		border-top: none;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	  }
	  .qhz-works-nav .qhz-link {
		display: none;
	  }
	  .qhz-works-nav .qhz-link:last-child {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	  }
	}

	/***************************

	map

	***************************/
	.qhz-map-frame {
	  background-color: rgb(229, 229, 229);
	  pointer-events: all;
	  height: 600px;
	  position: relative;
	  overflow: hidden;
	}
	.qhz-map-frame .qhz-map {
	  position: absolute;
	  top: -25%;
	  left: -25%;
	  width: 150%;
	  height: 150%;
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-map-frame .qhz-map iframe {
	  width: 100%;
	  height: 100%;
	}
	/* -------------------------------------------

	accordion

	------------------------------------------- */
	.qhz-accordion-group {
	  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
	  margin-bottom: 30px;
	}
	.qhz-accordion-group .qhz-accordion-menu {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  cursor: pointer;
	  margin-bottom: 30px;
	}
	.qhz-accordion-group .qhz-accordion-menu .qhz-symbol {
	  border-radius: 50%;
	  width: 40px;
	  height: 40px;
	  color: rgb(0, 0, 0);
	  background-color: rgb(229, 229, 229);
	  font-size: 16px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  position: relative;
	}
	.qhz-accordion-group .qhz-accordion-menu .qhz-symbol .qhz-plus, .qhz-accordion-group .qhz-accordion-menu .qhz-symbol .qhz-minus {
	  position: absolute;
	}
	.qhz-accordion-group .qhz-accordion-menu .qhz-symbol .qhz-minus {
	  -webkit-transform: translateY(-2px);
			  transform: translateY(-2px);
	}
	.qhz-accordion-group .qhz-accordion-menu .qhz-accordion-head {
	  font-size: 12px;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	  font-weight: 500;
	  color: rgb(0, 0, 0);
	}

	.qhz-accordion-content {
	  height: 0;
	  overflow: hidden;
	}

	/***************************

	price

	***************************/
	.qhz-price-card {
	  display: block;
	  width: 100%;
	  border-top: solid 1px rgba(255, 255, 255, 0.1);
	  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	  padding: 60px 0 30px;
	}
	.qhz-price-card .qhz-price-number {
	  padding-top: 10px;
	  line-height: 70%;
	  font-size: 54px;
	  font-weight: 500;
	}
	.qhz-price-card .qhz-price-number .qhz-thin {
	  font-weight: 200;
	  font-size: 18px;
	}


	/***************************

	images

	***************************/
	.qhz-image-frame {
	  position: relative;
	  overflow: hidden;
	}
	.qhz-image-frame > img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  -o-object-fit: cover;
		 object-fit: cover;
	  -o-object-position: center;
		 object-position: center;
	}
	.qhz-image-frame.qhz-horizontal {
	  padding-bottom: 65%;
	}
	.qhz-image-frame.qhz-vertical {
	  padding-bottom: 140%;
	}
	.qhz-image-frame.qhz-square {
	  padding-bottom: 100%;
	}
	.qhz-image-frame.qhz-fw {
	  padding-bottom: 50%;
	}
	.qhz-image-frame .qhz-zoom-btn {
	  opacity: 0;
	  -webkit-transform: translateY(15px);
			  transform: translateY(15px);
	  position: absolute;
	  top: 30px;
	  right: 30px;
	  width: 40px;
	  height: 40px;
	  border-radius: 50%;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  background-color: rgba(255, 255, 255, 0.8);
	  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
	}
	.qhz-image-frame .qhz-zoom-btn:hover {
	  background-color: rgb(255, 255, 255);
	}
	.qhz-image-frame .qhz-zoom-btn img {
	  height: 17px;
	  width: 17px;
	}
	.qhz-image-frame:hover .qhz-zoom-btn {
	  opacity: 1;
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  z-index: 2;
	}

	/***************************

	page transitions

	***************************/
	.qhz-frame {
	  opacity: 1;
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  -webkit-transition: 0.6s;
	  transition: 0.6s;
	}

	.qhz-curtain {
	  position: fixed;
	  pointer-events: none;
	  z-index: 4;
	  background-color: rgb(0, 0, 0);
	  opacity: 0;
	  width: 100%;
	  height: 100vh;
	  -webkit-transition: 0.6s;
	  transition: 0.6s;
	}

	.qhz-main-transition {
	  -webkit-transition: 0.6s;
	  transition: 0.6s;
	  margin-top: 0;
	  -webkit-transition-delay: 0.3s;
			  transition-delay: 0.3s;
	}
	.qhz-main-transition .qhz-animation-frame {
	  opacity: 1;
	  margin-top: 0;
	  transition: 0.6s;
	  display: none;
	}
	.qhz-main-transition .qhz-lines-place {
	  opacity: 1;
	  margin-top: 0;
	  -webkit-transition: 0.6s;
	  transition: 0.6s;
	  -webkit-transition-delay: 0.3s;
			  transition-delay: 0.3s;
	}

	html.is-animating .qhz-frame {
	  opacity: 0;
	  -webkit-transition-delay: 0.5s;
			  transition-delay: 0.5s;
	  -webkit-transform: scale(0.9);
			  transform: scale(0.9);
	}
	@media screen and (max-width: 1200px) {
	  html.is-animating .qhz-frame {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
	  }
	}
	html.is-animating .qhz-curtain {
	  opacity: 1;
	  pointer-events: all;
	}
	html.is-animating .qhz-main-transition {
	  margin-top: 0.1px;
	}
	html.is-animating .qhz-main-transition .qhz-animation-frame {
	  opacity: 0;
	  margin-top: -90px;
	  -webkit-transition-delay: 0s;
			  transition-delay: 0s;
	}
	html.is-animating .qhz-main-transition .qhz-lines-place {
	  opacity: 0;
	  margin-top: 90px;
	  -webkit-transition-delay: 0s;
			  transition-delay: 0s;
	}

	html.is-animating .qhz-menu-frame {
	  opacity: 0;
	  transition-delay: 0.3s;
	}


	/**********************

	 Font weight styles
	 
	 **********************/
	 
	.lang-options {
		display: flex;
		column-gap: 25px;
		position: fixed;
		top: 6%;
		right: 15%;
		z-index: 10;
    }
	.lang-options .lang-flag {
		cursor: pointer;
	}
	.lang-options .lang-flag img {
		width: 37px;
		border-radius: 3px;
	}
	
	@media (max-width:568.98px) {
		.lang-options {
			right: 25%;
		}
		.lang-options .lang-flag img {
			width: 32px;
		}
	}
}