@charset 'utf-8';
:root {
  --body-color: #FFFFFF;
  --normal-font-color: #000000;
  --close-font-color: #FFFFFF;
  --modal-header-background-color: #5CB85C;
  --modal-body-color: #000000;
  --modal-padding-top: 0;
  --modal-right: 0;
  --modal-top: 0;
  --modal-width: 50%;
  --modal-height: 100%;
  --modal-animation-name: animateright;
  --modal-animation-dur: 0.4s;
  --modal-close-float: right;
  --modal-header-padding-top-buttom: 2px;
  --modal-header-padding-left-right: 16px;
  --modal-header-height: 8vh;
  --modal-body-padding-top-buttom: 2px;
  --modal-body-padding-left-right: 16px;
  --modal-body-height: 95vh;
  --modal-body-background-color: 0,0,0;
  --gradient-alpha-from: 0.6;
  --gradient-alpha-to: 0.8;
  --gradient-rgb-from: 0,0,0;
  --gradient-rgb-to: 0,0,0;
  --gradient-deg: 0deg;
  --gradient-position-from: 0%;
  --gradient-position-to: 100%;
  --close-font-size: 8vw;
  --background-url: url("https://site.jadeite.tech/images/main/images/20211111001618-7c01120e.jpg");
  --background-height: 80vh;
  --background-width: 100%;
  --background-margin: 0;
  --background-padding: 0;
  --background-position: center;
  --background-repeat: no-repeat;
  --background-size: cover;
  --hor-container-width: auto;
  --hor-container-left: 0;
  --popmenu-font-size: 5vw;
  --hor-text-list-display: block;
  --popmenu-font-color: #FFFFFF;
  --hor-text-list-color: #FFFFFF;
  --hor-text-list-size: 5vw;
  --popnav-end-hover: #000099;
  --popnav-hover: #990033;
  --popnav-active: #000099;
  --popnav-container-width: auto;
  --popnav-container-left: 85vw;
  --topnav-container-margin: 20px;
  --topnav-container-width: auto;
  --topnav-container-right: auto;
  --topnav-container-left: 30vw;
  --topnav-line-height: 30px;
  --topnav-background-color: transparent;
  --topnav-border: 1px solid #CCCCCC;
  --topnav-a-margin: 10px;
  --topnav-font-size: 5vw;
  --topnav-float: left;
  --topnav-active-font-size: 1.25vw;
  --topnav-active-background-color: transparent;
  --topnav-child-color: #993399;
  --topnav-hover-color: #7B9438;
  --topnav-font-color: #FFFFFF;
  --topnav-active-font-color: #FF0000;
  --burger-menu-display: block;
  --topnav-menu-display: none;
  --title-container-width: auto;
  --title-container-left: 10vw;
  --title-font-size: 8vw;
  --title-font-color: #FFFFFF;
  --title-container-top: 40vh;
  --logo-container-width: auto;
  --logo-container-top: 10vh;
  --logo-container-left: 10vw;
  --logo-title-font-color: #FFFFFF;
  --logo-title-font-size: 8vw;
  --description-container-width: 80vw;
  --description-container-top: 47vh;
  --description-container-left: 10vw;
  --description-title-font-color: #FFFFFF;
  --description-title-font-size: 6vw;
  --description-title-font-size1: 4.5vw;
  --ads-container-width: 30vw;
  --ads-container-top: 30vh;
  --ads-container-left: 5vw;

  --burger_menu-width: 45px;
  --burger_menu-height: 45px;
  --burger_menu-border: 0px solid #FF0000;
  --burger_menu-background-color: transparent;
  --burger_menu-border-radius: 0px;
  --burger_menu-display: block;
  --burger_menu-margin-top: 0vh;
  --burger_menu-margin-left: 0vw;
  --hor-container-top: 0;
  --popnav-container-top: 2vh;
  --animation-from: -50vw;
  --animation-to: 0;
  --animation-opacity-from: 0;
  --animation-opacity-to: 1;
  --close-hover-font-color: #000000;
  --modal-start-left: 50vw;
  --modal-start-top:0;

}
@media only screen and (min-width: 481px) {
:root {  --popmenu-font-size: 2.75vw;
  --close-font-size: 3.125vw;
  --popmenu-font-color: #FFFFFF;
  --hor-text-list-display: block;
  --hor-text-list-color: #FFFFFF;
  --hor-text-list-size: 2.5vw;
  --burger-menu-display: block;
  --topnav-menu-display: none;
  --background-height: 100vh;
  --title-container-left: 10vw;
  --title-font-size: 4vw;
  --logo-container-top: 10vh;
  --logo-container-left: 10vw;
  --logo-title-font-size: 4vw;
  --description-container-left: 10vw;
  --description-title-font-size: 3vw;
  --description-title-font-size1: 2vw;
  --burger_menu-display: block;
  --hor-container-top: 0;
  --popnav-container-top: 2vh;
  --popnav-container-left: 85vw;
  --title-container-top: 40vh;
  --description-container-top: 47vh;
  --topnav-font-size: 2vw;
}
}
@media only screen and (min-width: 860px) {
:root {  --popmenu-font-size: 1vw;
  --close-font-size: 1.46vw;
  --popmenu-font-color: #FFFFFF;
  --hor-text-list-display: block;
  --hor-text-list-color: #FFFFFF;
  --hor-text-list-size: 0.9vw;
  --burger-menu-display: block;
  --topnav-menu-display: block;
  --background-height: 80vh;
  --title-container-left: 25vw;
  --title-font-size: 3vw;
  --logo-container-top: 10vh;
  --logo-container-left: 10vw;
  --logo-title-font-size: 1.8vw;
  --description-container-left: 10vw;
  --description-title-font-size: 1.8vw;
  --description-title-font-size1: 1.8vw;
  --burger_menu-display: block;
  --hor-container-top: 0;
  --popnav-container-top: 0;
  --popnav-container-left: 90vw;
  --title-container-top: 40vh;
  --description-container-top: 47vh;
  --topnav-font-size: 1vw;
  --topnav-container-top: 3vh;
  --topnav-container-left: 30vw;
}
};