.fbpng001{
     width:18px;
     height: auto;
     opacity:0.7;
     float:left;
     margin-left:13%;
}
 .inpng001 {
     width:18px;
     height: auto;
     margin-right:10%;
     opacity:0.7;
     margin-left:20%;
     float:right;
}
 .mobilewire {
     margin-top:3vh;
     height:auto;
     float:left;
     width:48%;
     text-align: center;
}
 .copyright100 {
     text-align: center;
     color:rgba(255,255,255,0.6);
     font-size: 0.9vh;
     margin-top:10vh;
     margin-bottom:5vh;
     letter-spacing: 2px;
}
 .inpng001:hover {
     opacity:1;
}
 .fbpng001:hover {
     opacity:1;
}
 #fotterlogohnyres {
     width:60% !important;
     display: block;
     margin-top:10vh;
     margin-bottom:5vh;
}
 #fotterlogohnyres2 {
     width:57% !important;
     display: block;
     margin-top:10vh;
     margin-bottom:5vh;
}
 .footer123123 {
     width:90% !important;
     display: block;
     margin-left: 3vw;
     line-height: 5vh;
     opacity:0.7;
     font-size:1.8vh;
     letter-spacing: 0.1vw;
     text-align: center;
}
 .ft7666 {
}
 .ft7667 {
     display:none !important;
     width:75vw !important;
}
 .weigth100 {
     font-weight: 100!important;
}
 .campimg {
     width:40%;
     height:auto;
}
 .width100c-p{
     width:80%;
     margin-top:15vh;
}
 .designslideperaca {
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     width:80%;
     font-size:2.2vh;
     opacity: 0.85;
     overflow-wrap: break-word;
     line-height: 4vh;
     font-weight: 100;
     display: inline-block;
     word-break: break-word;
}
 .topimage0 {
     width:100vw !important;
     height:100vh !important;
     background: url(../img/top.jpg) no-repeat center center;
     -webkit-background-size:cover;
     -moz-background-size:cover;
     -o-background-size:cover;
     background-size:cover;
     -webkit-filter: brightness(80%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(80%) ;
}
 .topmaddd {
     margin-top:5vh;
}
 .idea2 {
     width:100vw;
     height:27vh;
     position: absolute;
     z-index: 999999;
     top:0;
     left:0;
     bottom:0;
     right:0;
     margin: auto;
     letter-spacing: 0.2vw;
     font-size:13vh;
     text-align: center;
     color:transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
}
 .exploarnavi {
     position: absolute;
     bottom:13vh;
     right:26vw;
     width:250px;
     font-size:2.3vh;
     opacity: 0.8;
}
 .expbor {
     width:50%;
     height:28px;
     float:left;
     position: relative;
}
 .expbordew {
     position: absolute;
     top:0;
     left:0;
     bottom:0;
     margin:auto;
     width:70%;
     height:1px;
     background-color: white;
}
 .explornavitext {
     width:20px;
     float:left;
}
 .exploarnavi1 {
     position: absolute;
     bottom:13vh;
     right:26vw;
     width:250px;
     font-size:2.3vh;
     opacity: 0.8;
     z-index: 9999999;
}
 .expbor1 {
     width:50%;
     height:28px;
     float:left;
     position: relative;
}
 .expbordew1 {
     position: absolute;
     top:0;
     left:0;
     bottom:0;
     margin:auto;
     width:70%;
     height:1px;
     background-color: white;
}
 .explornavitext1 {
     width:20px;
     float:left;
}
 .textamt1 {
     margin-left:10vw !important;
     margin-top: 0vh !important;
}
 .textamt2 {
     margin-left:30vw !important;
     margin-top: 0vh !important;
}
 .textamt3 {
     margin-left:60vw !important;
     margin-top: 0vh !important;
}
 .textamt4 {
     margin-left:90vw !important;
     margin-top: 0vh !important;
}
 .textamt6 {
     margin-left:10vw !important;
     margin-top: 80vh !important;
}
 .textamt7 {
     margin-left:30vw !important;
     margin-top: 80vh !important;
}
 .textamt8 {
     margin-left:60vw !important;
     margin-top: 80vh !important;
}
 .textamt9 {
     margin-left:90vw !important;
     margin-top: 80vh !important;
}
 #loading1000t {
     padding-top: 5px;
     background-color: #010101;
     display: inline-block;
     -ms-transform: rotate(20deg);
    /* IE 9 */
     -webkit-transform: rotate(20deg);
    /* Safari */
}
 #loading1000b {
     padding-top: 5px;
     top:-50px;
     background-color: #010101;
     display: inline-block;
     -ms-transform: rotate(20deg);
    /* IE 9 */
     -webkit-transform: rotate(20deg);
    /* Safari */
}
 .bottomcleaner {
     height:50%;
     width:100%;
     position: absolute;
     top:0;
     left:0;
     z-index: 1;
     background-color: #010101;
}
 .indexhmtlll {
     background-color: #010101;
     position: absolute;
     height:50%;
     width:100%;
     top:0;
     right:0;
     overflow-x: hidden;
     overflow-y: hidden;
     z-index: 10;
}
 .indexhmbll {
     background-color: #010101;
     position: absolute;
     position: absolute;
     height:100%;
     width:100%;
     bottom:0;
     right:0;
     overflow-x: hidden;
     overflow-y: hidden;
}
 #loading1000 {
     text-align: center;
     -ms-transform: rotate(-20deg);
    /* IE 9 */
     -webkit-transform: rotate(-20deg);
    /* Safari */
     transform: rotate(-20deg);
    /* Standard syntax */
     background-color: transparent;
     display: block;
     width:240px;
     height:110px;
     font-size:80px;
     position: absolute;
     top:0;
     left:0;
     bottom:0;
     right:0;
     margin: auto;
}
 .loadafter1,.loadafter2 {
     opacity: 0;
}
 a {
     color: inherit;
     text-decoration: none;
}
 a:link {
     text-decoration: none;
}
 a:visited {
     text-decoration: none;
}
 a:hover {
     text-decoration: none;
}
 a:active {
     text-decoration: none;
}
 .campain {
     height:35vh;
     margin-top:15vh;
     z-index: 999999;
}
 .datess {
     text-align: right;
}
 .ddimg001 {
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
     -webkit-filter: brightness(60%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(60%) ;
     width:80%;
     object-fit: cover;
     height: 90%;
     max-height:90%;
}
 .ddimgeffect {
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
     -webkit-filter: brightness(90%) !important;
    /* Safari 6.0 - 9.0 */
     filter: brightness(90%) !important;
     transform:scale(1.1,1.1);
     -webkit-transform:scale(1.1,1.1);
     -moz-transform:scale(1.1,1.1);
     -ms-transform:scale(1.1,1.1);
     -o-transform:scale(1.1,1.1);
}
 .campaintitel{
     width:80%;
     background-color: #010101;
     height:20%;
     margin-top: 10%;
}
 .ddimgactive {
     -webkit-filter: brightness(100%) !important;
    /* Safari 6.0 - 9.0 */
     filter: brightness(100%) !important;
     width:90% !important;
     height: 100% !important;
     max-height:100% !important;
     margin-left: -5% !important;
}
 .ddimgactive2 {
     -webkit-filter: brightness(100%) !important;
    /* Safari 6.0 - 9.0 */
     filter: brightness(100%) !important;
     width:90% !important;
     height: 100% !important;
     max-height:100% !important;
     margin-left: -5% !important;
}
 .newscate1 {
     height:30vh;
     margin-top:5vh;
     z-index: 999999;
}
 .newscate2 {
     height:30vh;
     margin-top:5vh;
     z-index: 999999;
}
 .newscate3 {
     height:30vh;
     margin-top:5vh;
     z-index: 999999;
}
 .ddimg0 {
     width:85%;
     object-fit: cover;
     height: 100%;
     max-height:100%;
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
}
 .ndesdiv {
     width:70%;
}
 .ddimgnail {
     width:95%;
     height:auto;
     max-height:20vh;
}
 .pricetitle {
     background-color: black;
     width:95%;
     font-size:1.4vh;
     background-color:#010101;
     margin:0;
     padding-top: 2vh;
     text-align: center;
     letter-spacing: 2px;
     line-height: 2.5vh;
     font-weight: 100;
     padding-bottom: 2vh;
}
 .detitop {
     margin-top: 15vh;
     display: inline-block;
}
 .dddssshownail1 {
     margin-top: 10vh;
     height:30vh;
}
 .dddssshownail3 {
     margin-top: 10vh;
     height:25vh;
}
 .dddssshownail5 {
     margin-top: 10vh;
     height:28vh;
}
 .dddssshownail4 {
     margin-top: 10vh;
     height:30vh;
}
 .dddssshownail2 {
     margin-top: 10vh;
     height:30vh;
}
 .ssgomakashi {
     min-height: 20vh;
     border:1px solid white;
}
 .centerslideshow {
     height: auto;
     text-align: center;
     position: relative;
     font-size:2vh;
     letter-spacing: 0.2vw;
     z-index: 10;
}
 .samp {
     width:15%;
}
 .designshow {
     margin-top: 5vh;
     display: inline-block;
}
 .centerslideshowdiv1 {
     padding-top: 2%;
     width:22%;
     margin-right: 12px;
     position: relative;
     -webkit-filter: brightness(60%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(60%) ;
     height: auto;
     float: right;
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
}
 .centerslideshowdiv2 {
     width:22%;
     z-index: 9999;
     padding-top: 2%;
     position: relative;
     -webkit-filter: brightness(60%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(60%) ;
     float: right;
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
}
 .centerslideshowdiv3 {
     width:22%;
     z-index: 999;
     margin-right: 12px;
     padding-top: 2%;
     position: relative;
     -webkit-filter: brightness(60%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(60%) ;
     float: right;
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
}
 .centerslideshowdiv4 {
     width:22%;
     margin-right: 12px;
     padding-top: 2%;
     position: relative;
     -webkit-filter: brightness(60%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(60%) ;
     float: right;
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
}
 .centerslideshowdiv5 {
     width:14%;
     margin-right: 12px;
     padding-top: 2%;
     position: relative;
     -webkit-filter: brightness(60%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(60%) ;
     float: right;
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
}
 .centerslideshowdiv6 {
     width:14%;
     margin-right: 12px;
     padding-top: 2%;
     position: relative;
     -webkit-filter: brightness(60%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(60%) ;
     float: right;
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
}
 .centermarginani {
     margin-right: 12px;
}
 .centerslideshowimg {
     width:100%;
     z-index: 9999;
     height:auto;
     margin: 0;
     padding:0;
}
 .ssssactive {
     z-index: 99999999;
     margin-left: -2vw;
     margin-right: -2vw;
     padding-top: 0 !important;
     width:26% !important;
     -webkit-filter: brightness(100%)!important;
    /* Safari 6.0 - 9.0 */
     filter: brightness(100%)!important;
}
 .opacity0 {
     opacity: 0;
}
 .randompadding {
     overflow-x: hidden;
     overflow-y: hidden;
}
 .fashiontable {
     z-index: 9999;
     position: relative;
}
 .gomakashi {
     position: absolute;
     top:0;
     left:-20vw;
     width:120vw;
     height:30vh;
     background-color: #010101;
     z-index: 0;
}
 .centerbordermenu {
     position:absolute;
     width:95%;
     top:0;
     left:0;
     bottom:0;
     right:0;
     margin:auto;
     padding:0;
     height:1px;
     background-color:white;
}
 .giftimg {
     width:100%;
     height:auto;
     max-height: 70vh;
     margin-top: -40vh;
     -webkit-filter: brightness(80%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(80%) ;
}
 .yukiemenutable1 {
     padding-top:8px;
     padding-bottom:8px;
     opacity:0.86;
}
 .yukiemenutable2 {
     width:35%;
     opacity:0.86;
}
 .yukiemenutable3 {
     width:15%;
     text-align: center;
     opacity:0.86;
}
 .yukiemenutable {
     width:100%;
     font-size:2vh;
}
 .yukiemenutop {
     font-size:2.5vh;
     margin-bottom: 2vh;
     letter-spacing: 0.1vw;
     margin-top: 5vh;
}
 .backtoptoppage {
     text-align: center;
}
 #nohref {
     color:white;
     text-decoration: none;
}
 .backtoptoppagtetext {
     display: block;
     opacity: 0.9;
     font-size:2.5vh;
}
 .ythhhh2:after {
     border-color: #DE1C20 transparent transparent transparent !important;
}
 .hnhhhh2:after {
     border-color: #c2aa6c transparent transparent transparent !important;
}
 .ythhhh {
     color:#DE1C20 !important;
     transition:all 0.3s ease !important;
     -webkit-transition:all 0.3s ease !important;
}
 .hnhhhh {
     color:#c2aa6c !important;
     transition:all 0.3s ease !important;
     -webkit-transition:all 0.3s ease !important;
}
 .hnytexthover:hover {
     color:#c2aa6c !important;
     transition:all 0.3s ease !important;
     -webkit-transition:all 0.3s ease !important;
}
 .hnytexthover:hover::-webkit-input-placeholder{
     transition:all 0.3s ease !important;
     -webkit-transition:all 0.3s ease !important;
     color:#c2aa6c !important;
}
 .yukietexthover:hover {
     color:#DE1C20 !important;
     transition:all 0.3s ease !important;
     -webkit-transition:all 0.3s ease !important;
}
 .yukietexthover:hover::-webkit-input-placeholder{
     transition:all 0.3s ease !important;
     -webkit-transition:all 0.3s ease !important;
     color:#DE1C20 !important;
}
 .yukietexthover:hover {
     color:#DE1C20 !important;
     transition:all 0.9s ease !important;
     -webkit-transition:all 0.9s ease !important;
}
 .fordes3 {
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     font-size:1.6vh;
     opacity: 0.65;
     overflow-wrap: break-word;
     word-break: break-word;
     line-height: 2.5vh;
     font-weight: 100;
     margin-bottom: 20px;
     margin-top: 20px;
}
 .fordes2 {
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     font-size:1.5vh;
     opacity: 0.65;
     overflow-wrap: break-word;
     word-break: break-word;
     line-height: 2.5vh;
     font-weight: 100;
     margin-bottom: 0;
     margin-top: 15px;
}
 .fordes {
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     font-size:1.5vh;
     opacity: 0.65;
     overflow-wrap: break-word;
     word-break: break-word;
     line-height: 3vh;
     font-weight: 100;
     margin-bottom: 0;
     margin-top: 5px;
}
 .clearfloat {
     clear: both;
}
 .fortitle2 {
     display: block;
     width:auto;
     margin-top: 10vh;
     padding-top: 5px;
     padding-bottom: 5px;
     opacity: 0.65;
     font-weight: 100;
     font-size: 2vh;
}
 .fortitle {
     display: block;
     width:auto;
     margin-top: 3vh;
     padding-top: 5px;
     padding-bottom: 5px;
     opacity: 0.65;
     font-weight: 100;
     font-size: 2vh;
}
 input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea {
     font-size: 16px;
     font-family: "Times New Roman", Times, serif;
}
 .yymmddhh {
     width:100%;
     height:1px;
     margin-top: 0.7vh;
     background-color: white;
}
 .yyyy {
     display:inline-block;
     position: absolute;
     top:37px;
     width:100%;
     text-align: center;
     opacity: 0.8;
     font-size:12px;
     font-family: "Times New Roman", Times, serif;
}
 .mm{
     display:inline-block;
     position: absolute;
     top:37px;
     width:100%;
     text-align: center;
     opacity: 0.8;
     font-size:12px;
     font-family: "Times New Roman", Times, serif;
}
 .dd{
     display:inline-block;
     position: absolute;
     top:37px;
     width:100%;
     text-align: center;
     opacity: 0.8;
     font-size:12px;
     font-family: "Times New Roman", Times, serif;
}
 .hoursp{
     display:inline-block;
     position: absolute;
     top:37px;
     width:100%;
     text-align: center;
     opacity: 0.8;
     font-size:12px;
     font-family: "Times New Roman", Times, serif;
}
 select {
     font-family: "Times New Roman", Times, serif;
     font-size:16px;
     padding: 5px 8px;
     width: 100%;
     border: none;
     color:white;
     border:1px solid white;
     box-shadow: none;
     background: transparent;
     background-image: none;
     -webkit-appearance: none;
}
 select:focus {
     outline: none;
}
 .revfrom {
     padding-top:5vh;
}
 input {
     font-size: 16px;
     font-family: "Times New Roman", Times, serif;
     padding-bottom:10px;
     border:1p solid white;
}
 input[type="text"] {
     border: 0;
     outline: 0;
     background: transparent;
     border-bottom: 1px solid white;
     width:100%;
     color:white;
     font-size:16px;
     font-family: "Times New Roman", Times, serif;
     margin-bottom: 5vh;
}
 .ressmenup {
     opacity:0.8;
     font-size:16px;
     margin: 0;
     margin-bottom: 2vh;
     font-family: "Times New Roman", Times, serif;
}
 textarea {
     resize: none;
     background: none;
     width:100%;
     margin-top: 2vh;
     height:15vh;
     border:1px solid white;
     color:white;
     overflow: auto;
     outline: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
}
 select {
     font-size:16px;
     opacity:0.8;
     border:none;
}
 .years {
     width:auto!important;
     margin-right: 1vw;
}
 .months {
     width:auto!important;
     margin-left: 1vw;
     margin-right: 1vw;
}
 .pdts {
     border:1px solid white;
     color:white;
     width:12px;
     margin-left: 1vw;
     display: inline-block;
     padding-left: 3px;
     padding-right: 3px;
     text-align: center;
     border-radius: 100%;
}
 .dateyearform {
     margin-bottom: 5vh;
}
 .dates {
     width:auto!important;
     margin-left: 1vw;
     margin-right: 1vw;
}
 .hours {
     width:auto !important;
     padding-right: 2vw;
     margin-left: 1vw;
}
 .inputborder {
     display: inline-block;
     width: auto;
     margin-top: 5vh;
     height: auto;
     position: relative;
     padding: 5px;
}
 .snedbbani {
     position: absolute;
     bottom:0;
     width:0%;
     left:0;
     right:0;
     margin: auto;
     padding: 0;
     height: 2px;
     background-color: #c2aa6c;
     text-align: center;
}
 .snedbbani2 {
     position: absolute;
     bottom:0;
     width:0%;
     left:0;
     right:0;
     margin: auto;
     padding: 0;
     height: 2px;
     background-color: #DE1C20;
     text-align: center;
}
 input[type="submit"] {
     text-align: center;
     border: 0;
     outline: 0;
     margin: 0;
     background: transparent;
     padding: 0;
     color:white;
     font-size:20px;
     font-family: "Times New Roman", Times, serif;
}
 ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: white;
     opacity: 0.8;
    /* Firefox */
     font-family: "Times New Roman", Times, serif;
     letter-spacing:0px;
}
 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: white;
     opacity: 0.8;
    /* Firefox */
     font-family: "Times New Roman", Times, serif;
     letter-spacing:0px;
}
 .sllash {
     display: inline-block;
     margin-left: 0.5vw;
}
 .selectbox{
     display: inline-block;
     padding-right: 1vw;
     position: relative;
     margin: 0;
     margin-bottom: -1vh;
     font-family: "Times New Roman", Times, serif;
     font-size:16px;
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
}
 .hidden {
     visibility: hidden;
}
 .selectbox select {
     display: none;
    /*hide original SELECT element:*/
}
 .select-selected {
     background-color: transparent;
}
/*style the arrow inside the select element:*/
 .select-selected:after {
     position: absolute;
     content: "";
     top: 16px;
     right: 8px;
     width: 0;
     height: 0;
     border: 6px solid transparent;
     border-color: #fff transparent transparent transparent;
}
 .select-selected.select-arrow-active:after {
     border-color: transparent transparent #fff transparent;
     top: 7px;
}
/*style the items (options), including the selected item:*/
 .select-items div,.select-selected {
     color: #ffffff;
     padding: 8px 16px;
     cursor: pointer;
     user-select: none;
}
/*style items (options):*/
 .select-items {
     position: absolute;
     background-color: black;
     border-bottom: 1px solid white top: 100%;
     left: 0;
     right: 0;
     z-index: 99;
}
 .select-items div{
     border: 1px solid white;
}
/*hide the items when the select box is closed:*/
 .fomquetion1 {
     border-bottom: 1px solid white;
     font-family: "Times New Roman", Times, serif;
     color:rgba(255,255,255,0.8);
     padding-bottom: 10px;
     font-size:16px;
     margin-bottom: 5vh;
}
 .select-hide {
     display: none;
}
 .select-items div:hover {
     background-color:white;
     color:black;
}
 .same-as-selected {
     background-color:white;
     color:black !important;
}
 ::-ms-input-placeholder {
    /* Microsoft Edge */
     color: white;
     opacity: 0.8;
    /* Firefox */
     font-family: "Times New Roman", Times, serif;
     letter-spacing:0px;
}
 .autoheight {
     height:auto;
}
 .reseva-l {
     width:20%;
     padding-top: 3vh;
     float:left;
     height:auto;
}
 .reseva-r {
     margin-top: 5vh;
     width:450px;
     float:right;
     height:auto;
}
 .div2000vh {
     height:30vh;
}
 #recutithair {
     position: absolute;
     top:0vh;
     right:3vw;
}
 #recutit {
     position: absolute;
     right:3vw;
     top:0;
}
 #rowfixed1 {
     height: 7vh !important;
}
 #rowfixed td{
     height: 12.1vh !important;
     padding-top: 3vh;
}
 #mappin {
     height:3.5vh;
     margin-top: 1.5vh;
     float: left;
     margin-right: 3%;
     width:auto;
}
 .accessinfo-l td {
     height:4vh;
}
 #bbbbmapborder {
     top:5.4vh;
     position: absolute;
     left:-13vw;
     right:0;
     margin: auto;
     width:0%;
     height:2px;
     background-color: #c2aa6c;
}
 #bbbbmapborder1 {
     top:5.4vh;
     position: absolute;
     left:-13vw;
     right:0;
     margin: auto;
     width:0%;
     height:2px;
     background-color: #DE1C20;
}
 input:-webkit-autofill {
     background-color: transparent;
     background: none;
     color:white;
}
 .nanamedarui5 {
     padding-bottom:0vh;
     background: linear-gradient(to left bottom, #010101 50%, #010101 50%);
}
 .nanamedarui2 {
     padding-bottom:1vh;
     background: linear-gradient(to right bottom, #010101 50%, #010101 50%);
}
 .nanamedarui3 {
     padding-bottom:0vh;
     background: linear-gradient(to right bottom, #010101 50%, #010101 50%);
}
 .nanamedarui4 {
     padding-bottom:10vh;
     background: linear-gradient(to right bottom, #010101 50%, #010101 50%);
}
 .nanamedarui {
     height:30vh;
     background: linear-gradient(to left bottom, #010101 50%, #010101 50%);
}
 .accessinfo-l {
     margin-top: 10vh;
     font-size: 2.5vh!important;
     letter-spacing: 1px;
     float:left;
     height:30vh;
     width:50%;
}
 .accessinfo-r td {
     height:4vh;
}
 .righttri {
     width:0% !important;
     position: absolute;
     height:0%;
     border-bottom: 60vh solid transparent;
     top:40vh;
     z-index: 0;
     border-right:200vw solid #010101;
}
 .accessinfo-r {
     margin-top: 10vh;
     font-size: 2.5vh!important;
     letter-spacing: 1px;
     float:left;
     height:30vh;
     width:50%;
}
 #viewonmap {
     display: inline-block;
     margin-top: 1.5vh;
     color:white !important;
     -webkit-transition: all 1.5s ease-out;
     transition: all 1.5s ease-out;
}
 .mapimg {
     width:100%;
     height:60vh;
     max-width:100%;
     object-fit: cover;
     max-height: 70vh;
     margin-top: -30vh;
     -webkit-filter: brightness(80%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(80%) ;
}
 .mapmargin {
     margin-bottom: 50vh;
}
 .titlemargin {
     margin-top: 20vh;
     margin-bottom: 15vh;
}
 html,body,div {
     -webkit-overflow-scrolling: touch;
     overflow-scrolling: touch;
}
 #profilebg {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     left:-8vw;
     margin-top: 40vh;
     z-index:0;
}
 .licencelist {
     clear: both;
     width:97.5%;
     margin-left: 2.5%;
     color:rgb(150,150,150);
     font-size:12px;
     -moz-text-align-last: left;
     text-align-last: left;
     overflow-wrap: break-word;
     word-break: break-word;
     font-weight: 100;
}
 .licencelist2 {
     text-align: justify;
}
 .imagelist {
     height:75vh;
     width:100%;
}
 a[href^="tel"]{
     color:inherit;
     text-decoration:underline;
}
 .licenceimg {
     width:13.5vw;
     height:13.5vw;
     float:left;
     margin-left: 2vw;
     margin-bottom: 2vw;
     -webkit-transition: all .5s ease-out;
     transition: all .5s ease-out;
}
 .licenceimg1 {
     width:13.5vw;
     height:13.5vw;
     float:left;
     margin-left: 2vw;
     margin-bottom: 2vw;
     -webkit-transition: all .5s ease-out;
     transition: all .5s ease-out;
}
 .licenceimg:hover {
     -webkit-filter: brightness(60%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(60%) ;
}
 .licenceimg1:hover {
     -webkit-filter: brightness(60%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(60%) ;
}
 .margin10 {
     margin-top: 10vh;
     margin-bottom: 7vh;
}
 .timestitleleft-about {
     text-align: left;
     font-weight: 100;
     font-size:4.3vw;
     letter-spacing: 3px;
}
 .ownertitle {
     margin-left: 7vw;
     font-size: 1.5vw;
     font-weight: 100;
     line-height: 3.5vh;
}
 .pro-r {
     width:50%;
     margin-left: 10%;
     float:left;
     margin-bottom:5vh;
     margin-top: -10vh;
}
 .pro-l {
     width:30%;
     margin-right:10%;
     float:left;
     margin-top: -15vh;
     margin-bottom:10vh;
}
 .rrborder {
     width:45%;
     position: absolute;
     top:0;
     right:25%;
     bottom:0;
     margin: auto;
     height:1px;
     background-color: white;
}
 #removea {
     color:white !important;
}
 .readmoreborder {
     float: left;
     width:9vw;
     top:0;
     margin: 0;
     height:100%;
     position: relative;
}
 .readmoreclick {
     float:left;
     padding-top: 0.2vh;
}
 .newsreadmoreclick {
     float:right;
     padding-top: 0.2vh;
}
 .opacity75 {
     opacity: 0.75;
}
 .readmore {
     height:3vh;
     font-size:2vh;
     position: relative;
     display: inline-block;
     float:left;
     text-align: right;
     margin-top: 7vh;
}
 .newsdiscovera {
     height:3vh;
     font-size:2vh;
     position: relative;
     display: inline-block;
     float:right;
     text-align: right;
     margin-top: 7vh;
     opacity: 0.8;
}
 .owner {
     width:100%;
     height:auto;
}
 .about-para {
     width:45%;
     margin-top: 15vh;
     margin-left: 0;
}
 .contentwidth-about {
     width:65%;
}
 .contentwidth-about205 {
     width:85%;
}
 .abbbtextnn {
     text-align: left;
     -moz-text-align-last: left;
     text-align-last: left;
     font-size:1.9vh;
     opacity: 0.85;
     overflow-wrap: break-word;
     word-break: break-word;
     line-height: 3.8vh;
     font-weight: 100;


     background: black;
    z-index: 999;
    padding-right: 30px;
    position: relative;
}
 .rrrclickeda {
     width:60% !important;
     background-color: #c2aa6c !important;
     right:27% !important;
}
 .rrrclickedb {
     color:#c2aa6c !important;
}
 .dddssshow {
     height:30vh;
     width:100%;
     margin-top: 5vh;
     margin-bottom: 5vh;
}
 .dddssshowhair {
     height:40vh;
     margin-top: 15vh;
     margin-bottom: 5vh;
}
 .dddssshowwire {
     width:40%;
     margin-top: 5vh;
     margin-bottom: 5vh;
}
 .ddimg {
     width:95%;
     height:auto;
     object-fit: cover;
     max-height:100%;
}
 .ddimg2 {
     width:92%;
     object-fit: cover;
     height:auto;
     max-height:100%;
}
 .ddimgm {
     width:90%;
     height:auto;
     object-fit: cover;
     max-height:100%;
}
 .ddimgmfuck {
     width:80%;
     margin-top:5%;
     margin-bottom:5%;
     height:auto;
     margin-right:5%;
     object-fit: cover;
     max-height:100%;
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
     -webkit-filter: brightness(60%)!important;
     filter: brightness(60%)!important;
}
 .ddimgmfuck2 {
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
     width:90% !important;
     margin-top:0% !important;
     margin-bottom:0% !important;
     height:auto;
     object-fit: cover;
     margin-right:0% !important;
     max-height:100%;
     -webkit-filter: brightness(100%)!important;
    /* Safari 6.0 - 9.0 */
     filter: brightness(100%)!important;
}
 .ddimgmfuck:focus {
     outline: none;
}
 .ddimgmfuck2:focus {
     outline: none;
}
 .ddimgmfuck:hover {
     width:90% !important;
     margin-top:0% !important;
     height:auto;
     object-fit: cover;
     margin-right:0% !important;
     max-height:100%;
     -webkit-filter: brightness(100%)!important;
    /* Safari 6.0 - 9.0 */
     filter: brightness(100%)!important;
}
 .proscons {
     display: block;
     font-size:2vh;
     margin-top: 3vh;
}
 .abbbtext2 {
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     font-size:1.7vh;
     opacity: 0.65;
     overflow-wrap: break-word;
     word-break: break-word;
     line-height: 3.8vh;
     font-weight: 100;
}
 .minheight {
     z-index: 99999;
     position: relative;
     min-height: 66vh;
}
 .minheight105 {
     z-index: 99999;
     position: relative;
     min-height: 35vh;
}
 .minheight2 {
     z-index: 99999;
     position: relative;
     min-height: 50vh;
}
 .minheight3 {
     z-index: 99999;
     position: relative;
     min-height: 65vh;
}
 .detailboxdesign {
     width:40%;
     margin-top: 10vh;
}
 .detailboxnews {
     width:40%;
     margin-top: 10vh;
}
 .designslidertitle {
     font-size:5vh;
     letter-spacing: 0.2vw;
     z-index: 99999;
     position: relative;
}
 .designslidepera {
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     font-size:1.9vh;
     opacity: 0.85;
     overflow-wrap: break-word;
     line-height: 3.8vh;
     font-weight: 100;
     display: inline-block;
     word-break: break-word;
}
 .designslideperajp {
     display:inline-block;
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     font-size:1.6vh;
     opacity: 0.85;
     overflow-wrap: break-word;
     line-height: 3.8vh;
     font-weight: 100;
     word-break: break-word;
}
 .abbbtext {
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     font-size:1.9vh;
     opacity: 0.85;
     overflow-wrap: break-word;
     line-height: 3.8vh;
     font-weight: 100;
     word-break: break-word;


     background: black;
    z-index: 999;
    padding-right: 30px;
    position: relative;
}
 .pimgsss {
     position: absolute;
}
 .fimgsss {
     position: relative;
     width: auto;
     height: auto;
}
 .productmentsb1,.productmentsb2,.productmentsb3,.productmentsb4 {
     margin-left: 10%;
     margin-top: 10%;
     width:0%;
     height:2px;
     background-color: white;
}
 .pdbactive {
     width:80% !important;
}
 .productmenus {
     margin-top: 10vh;
     margin-bottom: -5vh;
     font-size:1.2vw;
     font-weight: 400;
     margin-left: -2vw;
}
 .productmenus td{
     padding-left:5vw;
     padding-right: 5vw;
     padding-top: 3vh;
}
 .pdes {
     opacity: 0;
     position: absolute;
     top:-200%;
     width:100%;
     height:100%;
     bottom:0;
     left: 0;
     right: 0;
     z-index: 8888;
     background-color: black;
     background-color: rgba(0,0,0,0.5);
     -webkit-transition: all 0.6s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.6s ease-out;
}
 .pdes2 {
     opacity: 1;
     position: absolute;
     top:-200%;
     width:100%;
     height:100%;
     bottom:0;
     left: 0;
     right: 0;
     z-index: 8888;
     background-color: black;
     background-color: rgba(0,0,0,0.5);
     -webkit-transition: all 0.6s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.6s ease-out;
}
 .fffim {
     width: 100%;
     height: auto;
}
 .fashionimg {
     float: left;
     width:40%;
     margin-right: 5%;
}
 .tester {
     position: relative;
}
 .pppim {
     width: 100%;
     height: 100%;
     max-width: 100%;
     max-height: 100%;
     object-fit: contain;
}
 .pimani {
     position: absolute;
     width:100%;
     height:0%;
     bottom:0;
     left: 0;
     right: 0;
     z-index: 8888;
     background-color: black;
}
 .pimani1,.pimani2,.pimani3,.pimani4,.pimani5,.pimani6,.pimani7,.pimani8,.pimani9,.pimani10,.pimani11 {
     position: absolute;
     top:0%;
     width:100%;
     height:100%;
     bottom:0;
     left: 0;
     right: 0;
     z-index: 8888;
     background-color: black;
}
 .productchain {
     position: relative;
     height: 110vh;
}
 .giftchain {
     position: relative;
     padding-bottom:5vh;
     min-height:110vh;
}
 .ddmidleborder {
     display: inline-block;
     width:15%;
     height:1px;
     margin-right: 20px;
     background-color: white;
     position: absolute;
     bottom:-6vh;
     right: 7%;
     z-index: 1;
}
 .productchain2 {
     position: relative;
     height: auto;
     padding-bottom: 25vh;
}
 button:focus {
    outline:0;
}
 .slick-prev {
     background: none;
     color:white;
     border: none;
     font-size:3vh;
     font-weight: 100 !important;
     position: absolute;
     bottom:-8vh;
     right: 25%;
     padding-left: 30px;
     padding-right: 30px;
     opacity: 0.8;
     font-family: 'Lora', serif !important;
     padding-top: 30px;
     z-index: 99999999999999999;
}
 .slick-next {
     padding-top: 30px;
     padding-left: 30px;
     padding-right: 30px;
     background: none;
     color:white;
     border: none;
     z-index: 99999999999999999;
     font-size:3vh;
     opacity: 0.8;
     position: absolute;
     font-weight: 100 !important;
     bottom:-8vh;
     right: 0%;
}
 .pimgm {
     margin-right: 1vw;
}
 .margintop15 {
     margin-top: 20vh;
}
 .margintop-10 {
     margin-top: -10vh;
}
 .margintop-20 {
     margin-top: -20vh;
}
 .productimg {
     background-color: white;
     margin-bottom: 1vw;
     width:20vw;
     height:36vh;
     float:left;
     overflow-x: hidden;
     overflow-y: hidden;
}
 .gifttimg {
     background-color: white;
     margin-bottom: 1vw;
     width:20vw;
     height:36vh;
     float:left;
     overflow-x: hidden;
     overflow-y: hidden;
}
 .abbbtextr {
     text-align: left;
     -moz-text-align-last: left;
     text-align-last: left;
     font-size:1.9vh;
     opacity: 0.85;
     overflow-wrap: break-word;
     word-break: break-word;
     line-height: 3.8vh;
     font-weight: 100;
}
 .about-top {
     width:80vw;
     position: relative;
     margin-left: 20vw;
}
 .about-top3 {
     width:80vw;
     position: relative;
     margin-left: 20vw;
     margin-bottom: 0vh;
}
.about-top4{
 width: 100%;
    position: relative;
    margin-left: 50%;
    margin-bottom: 0vh;
}
.about-top4 img{
	width: 45%;
    margin-top: -200px;
    margin-left: 0;
    filter: none;
}

 .showania1 {
     background-color: #010101;
     position: absolute;
     top:0;
     left:-20%;
     width:120%;
     height:6500%;
     z-index: 999999;
}
}

 .showania2 {
     background-color: #010101;
     position: absolute;
     top:0;
     right:0;
     width:70%;
     height:6500%;
     z-index: 999999;
}
}
 .about-top2 {
     width:80vw;
     position: relative;
     margin-left: 20vw;
     margin-bottom: 30vh;
}
 #watertest {
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
 .about-titles {
     position: absolute;
     width:30vw;
     height:20vh;
     color:white;
     background-color: #010101;
     margin-top: -10vh;
     z-index: 100;
     z-index: 300;
}
 .about-titles2 {
     position: absolute;
     width:30vw;
     height:20vh;
     color:white;
     background-color: #010101;
     margin-top: -10vh;
     z-index: 100;
     z-index: 300;
}
 .center {
     margin-left: auto;
     margin-right: auto;
}
 .about-topimg {
     height:auto;
     width:70vw;
     margin-left: 10vw;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .about-topimgf {
     height:auto;
     width:70vw;
     margin-left: 10vw;
}
 .aboutsrc1 {
     background-image:url('../img/YukieNailNewYork.jpg');
}
 * {
     cursor: url(../img/cursor.png) 2 2, pointer;
}
 div:hover {
     cursor: url(../img/cursor.png) 2 2, pointer;
}
 .newsborder {
     background-color: white;
     height:0vh;
     position: absolute;
     margin: auto;
     top:10vh;
     right:0;
     left:0;
     width:1px;
}
 .footeradressdmobile {
     display: none;
}
 .indexhmth {
     left:-10vh !important;
     top:-10vh !important;
}
 .indexhmbh {
     left: 20vh !important;
     top: 10vh !important;
}
 .htextanis1 {
     height:16vh;
     width:14vh;
     -ms-transform: rotate(-20deg);
    /* IE 9 */
     -webkit-transform: rotate(-20deg);
    /* Safari */
     transform: rotate(-20deg);
    /* Standard syntax */
     text-align: center;
     font-weight: 100;
     color:white;
     font-family: 'Lora', serif;
     font-size: 7vw !important;
     left:20vw;
     top:18vh;
     position: absolute;
     z-index:99999999;
}
 .htextanis1 {
     height:16vh;
     width:14vh;
     -ms-transform: rotate(-20deg);
    /* IE 9 */
     -webkit-transform: rotate(-20deg);
    /* Safari */
     transform: rotate(-20deg);
    /* Standard syntax */
     text-align: center;
     font-weight: 100;
     color:white;
     font-family: 'Lora', serif;
     font-size: 7vw !important;
     left:20vw;
     top:18vh;
     position: absolute;
     z-index:99999999;
}
 .htextanis2 {
     height:16vh;
     width:14vh;
     -ms-transform: rotate(-20deg);
    /* IE 9 */
     -webkit-transform: rotate(-20deg);
    /* Safari */
     transform: rotate(-20deg);
    /* Standard syntax */
     text-align: center;
     font-weight: 100;
     color:white;
     font-family: 'Lora', serif;
     font-size: 7vw !important;
     left:20vw;
     top:18vh;
     position: absolute;
     z-index:99999999;
}
 .htextanis3 {
     height:16vh;
     width:14vh;
     -ms-transform: rotate(-20deg);
    /* IE 9 */
     -webkit-transform: rotate(-20deg);
    /* Safari */
     transform: rotate(-20deg);
    /* Standard syntax */
     text-align: center;
     font-weight: 100;
     color:white;
     font-family: 'Lora', serif;
     font-size: 7vw !important;
     left:20vw;
     top:18vh;
     position: absolute;
     z-index:99999999;
}
 .htextanis4 {
     height:16vh;
     width:14vh;
     -ms-transform: rotate(-20deg);
    /* IE 9 */
     -webkit-transform: rotate(-20deg);
    /* Safari */
     transform: rotate(-20deg);
    /* Standard syntax */
     text-align: center;
     font-weight: 100;
     color:white;
     font-family: 'Lora', serif;
     font-size: 7vw !important;
     left:20vw;
     top:18vh;
     position: absolute;
     z-index:99999999;
}
 .htextanis5 {
     height:16vh;
     width:14vh;
     -ms-transform: rotate(-20deg);
    /* IE 9 */
     -webkit-transform: rotate(-20deg);
    /* Safari */
     transform: rotate(-20deg);
    /* Standard syntax */
     text-align: center;
     font-weight: 100;
     color:white;
     font-family: 'Lora', serif;
     font-size: 7vw !important;
     left:20vw;
     top:18vh;
     position: absolute;
     z-index:99999999;
}
 .htextanis6 {
     height:16vh;
     width:14vh;
     -ms-transform: rotate(-20deg);
    /* IE 9 */
     -webkit-transform: rotate(-20deg);
    /* Safari */
     transform: rotate(-20deg);
    /* Standard syntax */
     text-align: center;
     font-weight: 100;
     color:white;
     font-family: 'Lora', serif;
     font-size: 7vw !important;
     left:20vw;
     top:18vh;
     position: absolute;
     z-index:99999999;
}
 .htextanis7 {
     height:16vh;
     width:14vh;
     -ms-transform: rotate(-20deg);
    /* IE 9 */
     -webkit-transform: rotate(-20deg);
    /* Safari */
     transform: rotate(-20deg);
    /* Standard syntax */
     text-align: center;
     font-weight: 100;
     color:white;
     font-family: 'Lora', serif;
     font-size: 7vw !important;
     left:20vw;
     top:18vh;
     position: absolute;
     z-index:99999999;
}
 #hslidelink {
     text-decoration: none;
     color:white;
}
 #yslidelink {
     text-decoration: none;
     color:white;
}
 .htextanis8 {
     height:16vh;
     width:14vh;
     -ms-transform: rotate(-20deg);
    /* IE 9 */
     -webkit-transform: rotate(-20deg);
    /* Safari */
     transform: rotate(-20deg);
    /* Standard syntax */
     text-align: center;
     font-weight: 100;
     color:white;
     font-family: 'Lora', serif;
     font-size: 7vw !important;
     left:20vw;
     top:18vh;
     position: absolute;
     z-index:99999999;
}
 .yyhteee1 {
     display: block;
     position: absolute;
     margin-left: 1vw;
     margin-top: -0.7vh;
     -ms-transform: rotate(20deg);
    /* IE 9 */
     -webkit-transform: rotate(20deg);
    /* Safari */
     transform: rotate(20deg);
    /* Standard syntax */
}
 .yyhteee1:hover {
     -webkit-text-stroke-width: 1px !important;
     -webkit-text-stroke-color: rgb(210,180,100) !important;
     text-stroke-width: 1px !important;
     text-stroke-color:rgb(210,180,100) !important;
}
 .yyhteee2:hover {
     color:rgb(210,180,100) !important;
}
 .yyhteee2 {
     display: block;
     position: absolute;
     margin-left: 1vw;
     margin-top: -0.7vh;
     top:-100%;
     left: 0%;
     -ms-transform: rotate(20deg);
    /* IE 9 */
     -webkit-transform: rotate(20deg);
    /* Safari */
     transform: rotate(20deg);
    /* Standard syntax */
}
 .yyhteee1a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     overflow-y: hidden !important;
     overflow-x: hidden;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
     color:transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
}
 .yyhteee1b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 .yyhteee1a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     overflow-y: hidden !important;
     overflow-x: hidden;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
     color:transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
}
 .yyhteee1b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 .yyhteee2a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     overflow-y: hidden !important;
     overflow-x: hidden;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
     color:transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
}
 .yyhteee2b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 .yyhteee3a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     overflow-y: hidden !important;
     overflow-x: hidden;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
     color:transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
}
 .yyhteee3b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 .yyhteee4a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     overflow-y: hidden !important;
     overflow-x: hidden;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
     color:transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
}
 .yyhteee4b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 .yyhteee5a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     overflow-y: hidden !important;
     overflow-x: hidden;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
     color:transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
}
 .yyhteee5b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 .yyhteee6a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     overflow-y: hidden !important;
     overflow-x: hidden;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
     color:transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
}
 .yyhteee6b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 .yyhteee7a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     overflow-y: hidden !important;
     overflow-x: hidden;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
     color:transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
}
 .yyhteee7b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 .yyhteee8a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     overflow-y: hidden !important;
     overflow-x: hidden;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
     color:transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
}
 .yyhteee8b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 #yyhtexta1 {
     margin-left: -5vw;
     margin-top: 0;
     animation-duration: 2.1s;
     -webkit-transition: all 2.3s ease-out;
     transition: all 2.3s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta2 {
     margin-left: 1vw;
     margin-top: 0;
     animation-duration: 2.1s;
     -webkit-transition: all 1.3s ease-out;
     transition: all 1.3s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta3 {
     margin-left: 6.5vw;
     margin-top: 0;
     animation-duration: 2.1s;
     -webkit-transition: all 1.5s ease-out;
     transition: all 1.5s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta4 {
     margin-left: 13.3vw;
     margin-top: 0;
     animation-duration: 2.1s;
     -webkit-transition: all 2.0s ease-out;
     transition: all 2.0s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta5 {
     margin-left: 20.3vw;
     margin-top: -0.2vh;
     animation-duration: 2.1s;
     -webkit-transition: all 1.8s ease-out;
     transition: all 1.8s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta6 {
     margin-left: 1.3vw;
     margin-top: 13vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2s ease-out;
     transition: all 2s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta7 {
     margin-left: 8vw;
     margin-top: 13.4vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta8 {
     margin-left: 15vw;
     margin-top: 13.4vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta9 {
     margin-left: 22vw;
     margin-top: 13vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta10 {
     margin-left: -6.3vw;
     margin-top: 0.8vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta11 {
     margin-left: 27.3vw;
     margin-top: -0.3vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta12 {
     margin-left: 33.5vw;
     margin-top: -0.7vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta13 {
     margin-left: -7vw;
     margin-top: 1.1vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta14 {
     margin-left: 7vw;
     margin-top: 15.1vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta15 {
     margin-left: 15vw;
     margin-top: 14vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta150 {
     margin-left: 13.5vw;
     margin-top: 14.6vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta151 {
     margin-left: 21.6vw;
     margin-top: 14.5vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta152 {
     margin-left: 35vw;
     margin-top: 15.1vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta153 {
     margin-left: 26.8vw;
     margin-top: 15.1vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta16 {
     margin-left: 20vw;
     margin-top: 15vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta17 {
     margin-left: 28vw;
     margin-top: 15.1vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta18 {
     margin-left: 1.4vw;
     margin-top: 0;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta19 {
     margin-left: 8.5vw;
     margin-top: 0;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta20 {
     margin-left: 15.3vw;
     margin-top: 0;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta21 {
     margin-left: 22.4vw;
     margin-top: 0;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta22 {
     margin-left: 30vw;
     margin-top: 0;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta23 {
     margin-left: 21vw;
     margin-top: 0;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta24 {
     margin-left: 28vw;
     margin-top: -1vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta25 {
     margin-left: 33vw;
     margin-top: -0.3vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta26 {
     margin-left: 14vw;
     margin-top: -0.4vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta27 {
     margin-left: 7.3vw;
     margin-top: 0vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta28 {
     margin-left: 13.9vw;
     margin-top: -0.2vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka4;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #yyhtexta29 {
     margin-left: 26.2vw;
     margin-top: -0.2vh;
     animation-duration: 2.1s;
     -webkit-transition: all 2.1s ease-out;
     transition: all 2.1s ease-out;
     animation-name: pukapuka3;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss1 {
     margin-top: 20vh;
     margin-left: 46vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss2 {
     margin-top: 20vh;
     margin-left: 54vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss3 {
     margin-top: 20vh;
     margin-left: 62vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss4 {
     margin-top: 20vh;
     margin-left: 70vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss5 {
     margin-top: 20vh;
     margin-left: 78vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss6 {
     margin-top: 20vh;
     margin-left: 48vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss7 {
     margin-top: 20vh;
     margin-left: 58vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss8 {
     margin-top: 20vh;
     margin-left: 68vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss9 {
     margin-top: 20vh;
     margin-left: 78vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss10 {
     margin-top: 20vh;
     margin-left: 38vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss16 {
     margin-top: 37vh;
     margin-left: 39vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss17 {
     margin-top: 37vh;
     margin-left: 46vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss18 {
     margin-top: 37vh;
     margin-left: 55vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
#ytextss19 {
     margin-top: 37vh;
     margin-left: 62vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss11 {
     margin-top: 20vh;
     margin-left: 46vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss12 {
     margin-top: 20vh;
     margin-left: 54vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss13 {
     margin-top: 20vh;
     margin-left: 62vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss14 {
     margin-top: 20vh;
     margin-left: 70vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss15 {
     margin-top: 20vh;
     margin-left: 78vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss20 {
     margin-top: 20vh;
     margin-left: 34vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss21 {
     margin-top: 20vh;
     margin-left: 43vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss22 {
     margin-top: 20vh;
     margin-left: 50vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss23 {
     margin-top: 20vh;
     margin-left: 57vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss24 {
     margin-top: 20vh;
     margin-left: 66vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss25 {
     margin-top: 20vh;
     margin-left: 71vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss26 {
     margin-top: 20vh;
     margin-left: 80vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss27 {
     margin-top: 33vh;
     margin-left: 34vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss28 {
     margin-top: 33vh;
     margin-left: 43vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss29 {
     margin-top: 33vh;
     margin-left: 50vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss30 {
     margin-top: 33vh;
     margin-left: 60vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss34 {
     margin-top: 20vh;
     margin-left: 53vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss35 {
     margin-top: 20vh;
     margin-left: 61vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss36 {
     margin-top: 20vh;
     margin-left: 69vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss37 {
     margin-top: 20vh;
     margin-left: 77vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss38 {
     margin-top: 20vh;
     margin-left: 37vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss39 {
     margin-top: 20vh;
     margin-left: 44vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss40 {
     margin-top: 20vh;
     margin-left: 51vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss41 {
     margin-top: 20vh;
     margin-left: 58vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss42 {
     margin-top: 20vh;
     margin-left: 65vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss43 {
     margin-top: 20vh;
     margin-left: 73vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss44 {
     margin-top: 33vh;
     margin-left: 48vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss45 {
     margin-top: 33vh;
     margin-left: 54vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss46 {
     margin-top: 33vh;
     margin-left: 60vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss47 {
     margin-top: 33vh;
     margin-left: 68vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss470 {
     margin-top: 33vh;
     margin-left: 74vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss48 {
     margin-top: 20vh;
     margin-left: 35vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss49 {
     margin-top: 20vh;
     margin-left: 43vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss50 {
     margin-top: 20vh;
     margin-left: 49vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss51 {
     margin-top: 20vh;
     margin-left: 56vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss52 {
     margin-top: 20vh;
     margin-left: 63vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss53 {
     margin-top: 20vh;
     margin-left: 69vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss54 {
     margin-top: 20vh;
     margin-left: 76vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss55 {
     margin-top: 20vh;
     margin-left: 38vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss56 {
     margin-top: 20vh;
     margin-left: 46vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss57 {
     margin-top: 20vh;
     margin-left: 53vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss58 {
     margin-top: 20vh;
     margin-left: 62vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss59 {
     margin-top: 20vh;
     margin-left: 68vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytextss60 {
     margin-top: 20vh;
     margin-left: 76vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #hteee1a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     -webkit-transition: all 1.5s ease-out;
     transition: all 1.5s ease-out;
     overflow-y: hidden !important;
     overflow-x: hidden;
}
 #hteee1b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.4s ease-out;
     transition: all 1.4s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 #topY{
     color:#DE1C20 !important;
     text-align: center;
     font-weight: 100;
     font-size:9.5vh;
     float: left;
     margin-top:2.5vh;
     margin-right: 0.7vw;
}
 #topH {
     color:#c2aa6c !important;
     text-align: center;
     font-weight: 100;
     font-size:9.5vh;
     float: left;
     margin-top:2.5vh;
     margin-right: 0.7vw;
}
 .yukiefont {
     color:#DE1C20 !important;
}
 .hnyfont {
     color:#c2aa6c !important;
}
 .newstopdes {
     padding-top:7vh;
     padding-left: 4vw;
     z-index: 1;
     position: absolute;
     top:25vh;
     right:7vw;
     width:20vw;
     height:10vh;
     line-height: 3vh;
     font-size:1vw !important;
     letter-spacing: 1px !important;
     text-align: left !important;
}
 #newnews {
     position: absolute;
     top:2vh;
     left:-1vw;
     font-weight: bold;
     font-size:1.3vw !important;
}
 .newstopdes2 {
     padding-left: 3vh;
     padding-top: 17vh;
     z-index: 1;
     position: absolute;
     top:55vh;
     right:17vw;
     width:18vh;
     height:8vh;
     line-height: 3vh;
     font-size:1vw !important;
     letter-spacing: 0px !important;
     text-align: left !important;
}
 .newstopdes3 {
     z-index: 1;
     position: absolute;
     top:70vh;
     right:-2vw;
     width:17vh;
     height:10vh;
     line-height: 3vh;
     font-size:1vw !important;
     letter-spacing: 0px !important;
     text-align: left !important;
}
 .newstopimg {
     position: absolute;
     top:0;
     right:0;
     width:31vh;
     height:31vh;
     object-fit: cover;
     z-index: 999999;
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
     -webkit-background-size:cover;
     -moz-background-size:cover;
     -o-background-size:cover;
     background-size:cover;
}
 .newstopimg2 {
     position: absolute;
     top:50vh;
     right:21vw;
     z-index: 2;
     width:20vh;
     height:20vh;
     object-fit: cover;
     -webkit-background-size:cover;
     -moz-background-size:cover;
     -o-background-size:cover;
     background-size:cover;
}
 .newstopimg3 {
     position: absolute;
     top:52vh;
     right:0;
     z-index: 2;
     width:17vh;
     height:17vh;
     object-fit: cover;
     -webkit-background-size:cover;
     -moz-background-size:cover;
     -o-background-size:cover;
     background-size:cover;
}
 .shborder1 {
     width:0;
     height:2px;
     background-color: #c2aa6c;
     position: absolute;
     left:-8vh;
     top:0;
     bottom:0;
     margin: auto;
     padding: 0;
}
 .shborder2 {
     width:0;
     height:2px;
     background-color: #c2aa6c;
     position: absolute;
     right:-8vh;
     top:0;
     bottom:0;
     margin: auto;
}
 .syborder1 {
     width:0;
     height:2px;
     background-color: #DE1C20;
     position: absolute;
     left:-8vh;
     top:0;
     bottom:0;
     margin: auto;
     padding: 0;
}
 .syborder2 {
     width:0;
     height:2px;
     background-color: #DE1C20;
     position: absolute;
     right:-8vh;
     top:0;
     bottom:0;
     margin: auto;
}
 .lmenu-in1 {
     width:50%;
     max-width:30px;
     height:100%;
     margin-bottom:5px;
     border-bottom:1px solid transparent;
     border-left:1px solid transparent;
     border-right:1px solid transparent;
     border-top:1px solid transparent;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
}
 #yukiemenu1 {
     position: absolute;
     bottom:0;
     right:0;
     left:0;
     background-color: #DE1C20;
     width:0%;
     height:2px;
}
 #yukiemenu2 {
     position: absolute;
     left:0;
     background-color: #DE1C20;
     width:2px;
     height:0%;
}
 #yukiemenu3 {
     position: absolute;
     top:0;
     left:0;
     background-color:#DE1C20;
     width:0%;
     height:2px;
}
 #yukiemenu4 {
     position: absolute;
     right:0;
     background-color:#DE1C20;
     width:2px;
     height:0%;
}
 #hnymenu1 {
     position: absolute;
     top:0;
     left:0;
     background-color:#c2aa6c;
     width:0%;
     height:2px;
}
 #hnymenu2 {
     position: absolute;
     left:0;
     background-color: #c2aa6c;
     width:2px;
     height:0%;
}
 #hnymenu3 {
     position: absolute;
     bottom:0;
     right:0;
     left:0;
     background-color: #c2aa6c;
     width:0%;
     height:2px;
}
 #hnymenu4 {
     position: absolute;
     right:0;
     background-color:#c2aa6c;
     width:2px;
     height:0%;
}
 .lmenuyukieani {
     animation-duration: 3.5s;
     animation-name:lmenuyukieani;
     animation-iteration-count:1;
     animation-fill-mode:forwards;
     -webkit-animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
}
 @keyframes lmenuyukieani {
     0% {
         border-bottom:1px solid #DE1C20!important;
    }
     25% {
         border-bottom:1px solid #DE1C20!important;
    }
     50% {
         border-left:1px solid #DE1C20!important;
    }
     75% {
         border-top:1px solid #DE1C20!important;
    }
     100% {
         border-right:1px solid #DE1C20!important;
    }
}
 @keyframes none {
}
 .lmenu-in2 {
     width:2px;
     height:75%;
     background-color: white;
}
 .lmenu-in3 {
     width:30px;
     height:80px;
     border:1px solid transparent;
}
 .padding10 {
     padding-top:10px !important;
}
 #HNYMENULOGO {
     width:50%;
     height:auto;
}
 #YUKIEMENULOGO {
     width:50%;
     height:auto;
}
 #yukiemenu {
     display: none;
}
 .ykdisani {
     position: absolute;
     top:0;
     margin: auto;
     bottom:0;
     right:-35%;
     width:80%;
     height:1px;
}
 .ykdborder {
     width:0%;
     position: absolute;
     height:100%;
     top:0;
     left:0;
     background-color: white;
}
 .hnydborder {
     width:0%;
     position: absolute;
     height:100%;
     top:0;
     right:0;
     background-color: white;
}
 .hnydisani {
     position: absolute;
     top:0;
     margin: auto;
     bottom:0;
     left:-35%;
     width:80%;
     height:1px;
}
 .menubarpuka1close {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top:20px !important;
     background:#ffffff !important;
     background: linear-gradient(to left, #ffffff 50%, white 50%) !important;
     background-size: 200% 100% !important;
     transition:all 0.5s ease !important;
     -webkit-transition:all 0.5s ease !important;
     background-position:right bottom !important;
}
 .menubarpuka2close {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     top:20px !important;
     background:#ffffff !important;
     background: linear-gradient(to left, #ffffff 50%, white 50%) !important;
     background-size: 200% 100% !important;
     background-position:right bottom !important;
}
 .menubarpuka1 {
     background-position:left bottom !important;
}
 .menubarpuka2 {
     background-position:left bottom !important;
}
 .menubarpuka3 {
     background-position:left bottom !important;
}
 .mmanime {
     position: absolute;
     top:0;
     left:0;
     width:100vw;
     height:100vh;
}
 #menus {
     display: none;
     position: fixed;
     z-index: 999999999999999999;
     background-color: transparent;
     width:0%;
     height:100vh;
     color:black;
     top:0;
     left:0;
     overflow-x: hidden;
}
 .menucl {
     position: absolute;
}
 .clickmenu {
     width:0%;
     height:200vh;
     position: fixed;
     left:-50%;
     top:-100vh;
     background-color:#010101;
     animation-duration: 3.5s;
     border-radius:0%;
     z-index: 9999999999;
     animation-name:menuani;
     animation-iteration-count:1;
     animation-fill-mode:forwards;
     -webkit-animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
}
 @keyframes menuani {
     0% {
         width:0%;
         height:200vh;
        border-radius:100%;
    }
     50% {
         width:150%;
         height:250vh;
        border-radius:50%;
    }
     90% {
         width:150%;
         height:250vh;
        border-radius:10%;
    }
     100% {
         width:200%;
         height:250vh;
        border-radius:0%;
    }
}
 .clickmenu2 {
     width:200%;
     height:250vh;
     position: fixed;
     left:-50%;
     top:-100vh;
     background-color:#010101;
     animation-duration: 3s;
     border-radius:0%;
     z-index: 9999999999;
     animation-name:menuani2;
     animation-iteration-count:1;
     animation-fill-mode:forwards;
     -webkit-animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
}
 @keyframes menuani2 {
     0% {
         width:200%;
         height:250vh;
        border-radius:0%;
    }
     10% {
         width:150%;
         height:250vh;
        border-radius:50%;
    }
     30% {
         width:30%;
         height:250vh;
        border-radius:10%;
    }
     70% {
         width:10%;
         height:250vh;
        border-radius:0%;
    }
     100% {
         width:0%;
         height:200vh;
        border-radius:0%;
    }
}
 body::-webkit-scrollbar {
     width: 0px;
     background: transparent;
     display: none;
}
 body::-webkit-scrollbar-thumb {
     background: #FF0000;
}
 .scrolltext {
     position: absolute;
     display: block;
     position: absolute;
     bottom:10vh;
     width:50px;
     left:0;
     right:0;
     margin:auto;
     padding:0;
     z-index: 99999999;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
 .textanimation {
     text-align: center;
     font-weight: 100;
     color:white;
     font-family: 'Lora', serif;
     font-size: 9vw;
     left:20vw;
     top:18vh;
     width:5vw;
     height:5vw;
     position: absolute;
     z-index:99999999;
}
 .bgtextr {
     text-align: right !important;
     display: block;
     margin-right: 5vw;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color:#010101;
     font-size: 13vw;
     letter-spacing:0vw;
     margin-top: 0;
}
 .bgtext {
     text-align: center;
     display: block;
     position: absolute;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color:#ffffff;
     font-size: 12vw;
     position: absolute;
     z-index:99999999;
     letter-spacing:0vw;
}
 .bgtext2 {
     text-align: center;
     display: block;
     position: absolute;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color:black;
     font-size: 10vw;
     position: absolute;
     z-index:99999999;
     opacity: 0.5;
}
 .bgtext3 {
     text-align: center;
     display: block;
     position: absolute;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color:#ffffff;
     font-size: 10vw;
     position: absolute;
     z-index:99999999;
     letter-spacing:0.5vw;
}
 .zindextop {
     z-index:99999;
}
 #hairbg {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     left:1vw;
     bottom:0;
}
 #latestbg {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     left:-1.5vw;
     bottom:19vh;
}
 #acccbg {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     left:-8vw;
     top:140vh;
     position: absolute;
     z-index: 1 !important;
}
 #acccbg10 {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     left:1vw;
     top:140vh;
     position: absolute;
     z-index: 1 !important;
}
 #acccbg11 {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     left:-10vw;
     top:70vh;
     position: absolute;
     z-index: 1 !important;
}
 #acccbg12 {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     left:-3vw;
     top:50vh;
     position: absolute;
     z-index: 1 !important;
}
 #acccbg15 {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     left:-7vw;
     top:50vh;
     position: absolute;
     z-index: 1 !important;
}
 #nailbg {
     right:10vw;
     top:-20vh;
     z-index: 1;
}
 #pppppbg {
     left:13vw;
     bottom:0vh;
     z-index: 0;
     margin: 0;
     margin-bottom: 10vh;
     padding: 0;
     letter-spacing: 0vw;
     text-align: center;
     display: block;
     color:#010101;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     font-size: 13vw;
     position: absolute;
}
 #stylebg {
     right:5vw;
     top:57.5vh;
     transform:scale(1,1.5);
     -webkit-transform:scale(1,1.5);
     -moz-transform:scale(1,1.5);
     -ms-transform:scale(1,1.5);
     -o-transform:scale(1,1.5);
}
 #designbg {
     letter-spacing: -0.5vw;
     left:3vw;
     top:57.5vh;
     transform:scale(1,1.5);
     -webkit-transform:scale(1,1.5);
     -moz-transform:scale(1,1.5);
     -ms-transform:scale(1,1.5);
     -o-transform:scale(1,1.5);
}
 .faster {
     -webkit-transition: all 0.5s ease-out !important;
     transition: all 0.5s ease-out !important;
}
 .faster2 {
     -webkit-transition: all 1s ease-out !important;
     transition: all 1s ease-out !important;
}
 .htexthover1 {
     margin-left: 37vw !important;
     margin-top: -20vh !important;
}
 .htexthover2 {
     margin-left: 42vw !important;
     margin-top: -20vh !important;
}
 .htexthover3 {
     margin-left: 47vw !important;
     margin-top: -20vh !important;
}
 .htexthover4 {
     margin-left: 52vw !important;
     margin-top: -20vh !important;
}
 .htexthover5 {
     margin-left: 57vw !important;
     margin-top: -20vh !important;
}
 .htexthover6 {
     margin-left: 37vw !important;
     margin-top: -13vh !important;
}
 .htexthover7 {
     margin-left: 42vw !important;
     margin-top: -13vh !important;
}
 .htexthover8 {
     margin-left: 47vw !important;
     margin-top: -13vh !important;
}
 .htexthover9 {
     margin-left: 52vw !important;
     margin-top: -13vh !important;
}
 .htexthover10 {
     margin-left: 57vw !important;
     margin-top: -13vh !important;
}
 #htexta1 {
     margin-left: 18.3vw;
     margin-top: 24vh;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     background-color: transparent;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #htexta2 {
     margin-top: 24vh;
     margin-left:30vw;
     animation-duration: 3.1s;
     -webkit-transition: all 2.3s ease-out;
     transition: all 2.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #htexta3 {
     margin-top: 24vh;
     margin-left:41vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #htexta4 {
     margin-top: 24vh;
     margin-left:53vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #htexta5 {
     margin-top: 24vh;
     margin-left: 64vw;
     animation-duration: 2.1s;
     -webkit-transition: all 2.3s ease-out;
     transition: all 2.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #htexta11 {
     margin-top: 24vh;
     margin-left: 76vw;
     animation-duration: 2.1s;
     -webkit-transition: all 2.3s ease-out;
     transition: all 2.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #htexta6 {
     margin-top: 60vh;
     margin-left: 20vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #htexta7 {
     margin-top: 60vh;
     margin-left: 33vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #htexta8 {
     margin-top: 60vh;
     margin-left: 46vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #htexta9 {
     margin-top: 60vh;
     margin-left: 59vw;
     animation-duration: 5.1s;
     -webkit-transition: all 2.0s ease-out;
     transition: all 2.0s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #htexta10 {
     margin-top: 60vh;
     margin-left: 74vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytexta1 {
     margin-left:18.3vw;
     margin-top: 24vh;
     animation-duration: 5.1s;
     -webkit-transition: all 2.3s ease-out;
     transition: all 2.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytexta2 {
     margin-top: 24vh;
     margin-left:32vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytexta3 {
     margin-top: 24vh;
     margin-left:47vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.5s ease-out;
     transition: all 3.5s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytexta4 {
     margin-top: 24vh;
     margin-left:61vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytexta5 {
     margin-top: 24vh;
     margin-left: 75vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytexta6 {
     margin-top: 60vh;
     margin-left: 20vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytexta7 {
     margin-top: 60vh;
     margin-left: 36vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytexta8 {
     margin-top: 60vh;
     margin-left: 56vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #ytexta9 {
     margin-top: 60vh;
     margin-left: 74vw;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 .hide {
     display: none;
}
 #hteee1a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     -webkit-transition: all 1.5s ease-out;
     transition: all 1.5s ease-out;
     overflow-y: hidden !important;
     overflow-x: hidden;
}
 #hteee1b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.4s ease-out;
     transition: all 1.4s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 .fadeint {
     margin-top: 0!important;
     opacity: 0;
}
 .fadeinb {
     margin-top: 100vh!important;
     opacity: 0;
}
 .ytext {
     position: absolute;
     position: absolute;
     height:100%;
     width:100%;
     top:0;
     left:0;
}
 .bordertext {
     color:transparent !important;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
}
 .yteeeb {
     position: absolute;
     left:0;
     bottom: 0;
     width:100%;
     height:100%;
     overflow-y: hidden;
     overflow-x: hidden;
     z-index:9999;
}
 .french {
     position: absolute;
     top: 0;
     left:0;
     height:16vh;
     width:14vh;
}
 .yteeetcoloreda1,.yteeetcoloreda2,.yteeetcoloreda3,.yteeetcoloreda4,.yteeetcoloreda5,.yteeetcoloreda6,.yteeetcoloreda7,.yteeetcoloreda8,.yteeetcoloreda9,.yteeetcoloreda10,.yteeetcoloreda11,.yteeetcoloreda12,.yteeetcoloreda13,.yteeetcoloreda14,.yteeetcoloreda15,.yteeetcoloreda16,.yteeetcoloreda17,.yteeetcoloreda18,.yteeetcoloreda19,.yteeetcoloreda20,.yteeetcoloreda21,.yteeetcoloreda22,.yteeetcoloreda23,.yteeetcoloreda24,.yteeetcoloreda25,.yteeetcoloreda26,.yteeetcoloreda27,.yteeetcoloreda28,.yteeetcoloreda29,.yteeetcoloreda30,.yteeetcoloreda31,.yteeetcoloreda32,.yteeetcoloreda33,.yteeetcoloreda34,.yteeetcoloreda35,.yteeetcoloreda36,.yteeetcoloreda37,.yteeetcoloreda38,.yteeetcoloreda39,.yteeetcoloreda40,.yteeetcoloreda41,.yteeetcoloreda42,.yteeetcoloreda43,.yteeetcoloreda44,.yteeetcoloreda45,.yteeetcoloreda46,.yteeetcoloreda47,.yteeetcoloreda48,.yteeetcoloreda49,.yteeetcoloreda50,.yteeetcoloreda51,.yteeetcoloreda52,.yteeetcoloreda53,.yteeetcoloreda54,.yteeetcoloreda55,.yteeetcoloreda56,.yteeetcoloreda57,.yteeetcoloreda58,.yteeetcoloreda59,.yteeetcoloreda60 {
     color:white;
     height:50%;
     width:100%;
     position: absolute;
     top:0;
     left:0;
     overflow-x: hidden !important;
     overflow-y: hidden !important;
}
 .yteeetcolored {
     color:white;
     height:40%;
     width:100%;
     position: absolute;
     top:0;
     left:0;
     overflow-x: hidden !important;
     overflow-y: hidden !important;
}
 .yteeetcolored1 {
     color:white !important;
     height:0%;
     width:100%;
     position: absolute;
     top:0;
     left:0;
     overflow-x: hidden !important;
     overflow-y: hidden !important;
}
 .yteeebcolored2 {
     color:white !important;
     height:0%;
     width:100%;
     position: absolute;
     bottom:0;
     left:0;
     overflow-x: hidden !important;
     overflow-y: hidden !important;
}
 .yteeetcolored3 {
     color:white !important;
     height:0%;
     width:100%;
     position: absolute;
     top:0;
     left:0;
     overflow-x: hidden !important;
     overflow-y: hidden !important;
}
 .yteeebcolored4 {
     color:white !important;
     height:0%;
     width:100%;
     position: absolute;
     bottom:0;
     left:0;
     overflow-x: hidden !important;
     overflow-y: hidden !important;
}
 .yteeetcolored5 {
     color:white !important;
     height:0%;
     width:100%;
     position: absolute;
     top:0;
     left:0;
     overflow-x: hidden !important;
     overflow-y: hidden !important;
}
 .yteeebcolored6 {
     color:white !important;
     height:0%;
     width:100%;
     position: absolute;
     bottom:0;
     left:0;
     overflow-x: hidden !important;
     overflow-y: hidden !important;
}
 .yteeetcolored7 {
     color:white !important;
     height:0%;
     width:100%;
     position: absolute;
     top:0;
     left:0;
     overflow-x: hidden !important;
     overflow-y: hidden !important;
}
 .indexhmt {
     margin-left: -20vh;
     margin-top: -20vh;
     opacity:0;
}
 .indexhmb {
     margin-left: 20vh !important;
     margin-top: 20vh !important;
     opacity:0;
}
 .indexhmt2 {
     margin-left: -20vh;
     margin-top: -20vh;
     opacity:0;
}
 .indexhmb2 {
     margin-left: 20vh !important;
     margin-top: 20vh !important;
     opacity:0;
}
 .yteeebcolored8 {
     color:white !important;
     height:0%;
     width:100%;
     position: absolute;
     bottom:0;
     left:0;
     overflow-x: hidden !important;
     overflow-y: hidden !important;
}
 .yteeetcolored9 {
     color:white !important;
     height:0%;
     width:100%;
     position: absolute;
     top:0;
     left:0;
     overflow-x: hidden !important;
     overflow-y: hidden !important;
}
 .inkanit {
     position: absolute;
     top: 0;
     left:0;
     height:16vh;
     width:14vh;
}
 .inkanib {
     position: absolute;
     bottom: 0;
     left:0;
     height:16vh;
     width:14vh;
}
 .notransition {
     -webkit-transition: all 0.2s ease-out !important;
     -moz-transition: all 0.2s ease-out !important;
     -o-transition: all 0.2s ease-out !important;
     transition: all 0.2s ease-out !important;
}
 .yteeet {
     position: absolute;
     left:0;
     top: 0;
     width:100%;
     height:100%;
     overflow-y: hidden;
     overflow-x: hidden;
     z-index:9999;
}
 #hteee2a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     -webkit-transition: all 1.1s ease-out;
     transition: all 1.1s ease-out;
     overflow-y: hidden !important;
     overflow-x: hidden;
}
 #hteee2b {
     position: absolute;
     left:0;
     bottom: 0;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
     -webkit-transition: all 1.2s ease-out;
     transition: all 1.2s ease-out;
}
 #hteee3a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     overflow-y: hidden !important;
     overflow-x: hidden;
}
 #hteee3b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 #hteee4a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     -webkit-transition: all 1.5s ease-out;
     transition: all 1.5s ease-out;
     overflow-y: hidden !important;
     overflow-x: hidden;
}
 #hteee4b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.4s ease-out;
     transition: all 1.4s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 #hteee5a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     -webkit-transition: all 1.5s ease-out;
     transition: all 1.5s ease-out;
     overflow-y: hidden !important;
     overflow-x: hidden;
}
 #hteee5b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 #hteee6a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     overflow-y: hidden !important;
     overflow-x: hidden;
     -webkit-transition: all 1.3s ease-out;
     transition: all 1.3s ease-out;
}
 #hteee6b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.4s ease-out;
     transition: all 1.4s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 #hteee7a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     -webkit-transition: all 1.8s ease-out;
     transition: all 1.8s ease-out;
     overflow-y: hidden !important;
     overflow-x: hidden;
}
 #hteee7b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 #hteee8a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     -webkit-transition: all 1.3s ease-out;
     transition: all 1.3s ease-out;
     overflow-y: hidden !important;
     overflow-x: hidden;
}
 #hteee8b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.4s ease-out;
     transition: all 1.4s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 #hteee9a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     -webkit-transition: all 1.5s ease-out;
     transition: all 1.5s ease-out;
     overflow-y: hidden !important;
     overflow-x: hidden;
}
 #hteee9b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.5s ease-out;
     transition: all 1.5s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 #hteee10a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     overflow-y: hidden !important;
     overflow-x: hidden;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
}
 #hteee10b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 #hteee11a {
     position: absolute;
     top:0;
     left: 0;
     width:100%;
     height:50%;
     overflow-y: hidden !important;
     overflow-x: hidden;
     -webkit-transition: all 1.7s ease-out;
     transition: all 1.7s ease-out;
}
 #hteee11b {
     position: absolute;
     left:0;
     bottom: 0;
     -webkit-transition: all 1.6s ease-out;
     transition: all 1.6s ease-out;
     width:100%;
     height:50%;
     overflow-y: hidden;
     overflow-x: hidden;
}
 .hteee1 {
     display: block;
     position: absolute;
     margin-left: 0.6vw;
     margin-top: -0.7vh;
     -ms-transform: rotate(20deg);
    /* IE 9 */
     -webkit-transform: rotate(20deg);
    /* Safari */
     transform: rotate(20deg);
    /* Standard syntax */
}
 .hteee2 {
     display: block;
     position: absolute;
     margin-left: 0.6vw;
     top:-100%;
     left: 0%;
     margin-top: -0.7vh;
     -ms-transform: rotate(20deg);
    /* IE 9 */
     -webkit-transform: rotate(20deg);
    /* Safari */
     transform: rotate(20deg);
    /* Standard syntax */
}
 .htextani {
     height:16vh;
     width:14vh;
     -ms-transform: rotate(-20deg);
    /* IE 9 */
     -webkit-transform: rotate(-20deg);
    /* Safari */
     transform: rotate(-20deg);
    /* Standard syntax */
     text-align: center;
     font-weight: 100;
     color:white;
     font-family: 'Lora', serif;
     font-size: 8vw;
     left:20vw;
     top:18vh;
     position: absolute;
     z-index:99999999;
}
 .ytextani1a,.ytextani1b,.ytextani2a,.ytextani2b,.ytextani3a,.ytextani3b,.ytextani4a,.ytextani4b,.ytextani5a,.ytextani5b,.ytextani6a,.ytextani6b,.ytextani7a,.ytextani7b,.ytextani8a,.ytextani8b,.ytextani9a,.ytextani9b {
     height:16vh;
     width:14vh;
     text-align: center;
     font-weight: 100;
     color:transparent !important;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
     font-family: 'Lora', serif;
     font-size: 8vw;
     left:20vw;
     top:18vh;
     overflow-y: hidden !important;
     overflow-y: hidden !important;
     position: absolute;
     z-index:99999999;
}
 .ytextani {
     height:16vh;
     width:14vh;
     text-align: center;
     font-weight: 100;
     color:white;
     color:transparent !important;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
     font-family: 'Lora', serif;
     font-size: 8vw;
     left:20vw;
     top:18vh;
     overflow-y: hidden !important;
     overflow-y: hidden !important;
     position: absolute;
     z-index:99999999;
}
 .ytextani {
     height:16vh;
     width:14vh;
     text-align: center;
     font-weight: 100;
     color:white;
     color:transparent !important;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
     font-family: 'Lora', serif;
     font-size: 8vw;
     left:20vw;
     top:18vh;
     overflow-y: hidden !important;
     overflow-y: hidden !important;
     position: absolute;
     z-index:99999999;
}
 #texta1 {
     margin-left:18.5vw;
     margin-top: 20vh;
     animation-duration: 5.1s;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #texta2 {
     margin-left:37vw;
     margin-top:11vh;
     -webkit-transition: all 1.3s ease-out;
     transition: all 1.3s ease-out;
     animation-duration: 3.1s;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #texta3 {
     margin-left:55vw;
     margin-top: 20vh;
     -webkit-transition: all 4.3s ease-out;
     transition: all 4.3s ease-out;
     animation-duration: 4.3s;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #texta4 {
     margin-top: 15vh;
     margin-left:76vw;
     -webkit-transition: all 1.3s ease-out;
     transition: all 1.3s ease-out;
     animation-duration: 3.4s;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #texta5 {
     margin-top: 37vh;
     margin-left:46vw;
     -webkit-transition: all 2.3s ease-out;
     transition: all 2.3s ease-out;
     animation-duration: 2.1s;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #texta6 {
     margin-top: 55vh;
     margin-left:25vw;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-duration: 4.2s;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #texta7 {
     margin-top: 62vh;
     margin-left:43vw;
     -webkit-transition: all 2.3s ease-out;
     transition: all 2.3s ease-out;
     animation-duration: 1.5s;
     animation-name: pukapuka;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #texta8 {
     margin-top: 55vh;
     margin-left:58vw;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-duration: 3.0s;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 #texta9 {
     margin-top: 60vh;
     margin-left:72vw;
     -webkit-transition: all 3.3s ease-out;
     transition: all 3.3s ease-out;
     animation-duration: 3.0s;
     animation-name: pukapuka2;
     animation-timing-function: cubic-bezier(.35,.41,.69,.94);
     animation-iteration-count: infinite;
}
 @keyframes pukapuka3 {
     0% {
         padding-left: :10.5;
         padding-top:0;
    }
     50% {
         padding-left:10;
         padding-top:10;
    }
     75% {
         padding-left:15.5;
         padding-top:10;
    }
     100% {
         padding-left:0;
         padding-top:0;
    }
}
 @keyframes pukapuka4 {
     0% {
         padding-right: :10.5;
         padding-bottom:0;
    }
     50% {
         padding-right:10;
         padding-bottom:10;
    }
     75% {
         padding-right:15.5;
         padding-bottom:10;
    }
     100% {
         padding-right:0;
         padding-bottom:0;
    }
}
 @keyframes pukapuka {
     0% {
         left:-7.5;
         top:0;
    }
     50% {
         left:0;
         top:-5;
    }
     75% {
         left:-5.5;
         top:5;
    }
     100% {
         left:-7.5;
         top:0;
    }
}
 @keyframes pukapuka2 {
     0% {
         left:7.5;
         top:0;
    }
     50% {
         left:0;
         top:5;
    }
     75% {
         left:5.5;
         top:-5;
    }
     100% {
         left:7.5;
         top:0;
    }
}
 #fullpage {
}
 .menuhome1 {
     float:left;
     width:33%;
     height:100vh;
     color:white;
}
 #mHNYMENULOGO,#mYUKIEMENULOGO {
     display: none;
}
 .menuhome2 {
     float:left;
     width:66%;
     height:100vh;
     border-right:0px solid black;
     border-left:1px solid black;
     color:white;
}
 .menuhome3 {
     float:left;
     width:33%;
     height:100vh;
     color:white;
}
 #webgl {
     width:100%;
     height:100vh;
     margin: 0;
     padding:0;
}
 .section {
     overflow-x: hidden;
     overflow-y: hidden;
}
 html,body {
     position: absolute;
     top:0;
     left:0;
     bottom:0;
     right:0;
     margin: auto;
     padding:0;
     width:100%;
     overflow-y: scroll;
     overflow-x: hidden;
     background-color: #010101;
     font-family: 'Lato', sans-serif;
}
 body {
     color:rgb(255,255,255);
}
 .width50 {
     width:50%;
}
 .div20vh {
     height:20vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div25vh {
     height:25vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .fbpng{
     width:1.5vw;
     height: auto;
     float:left;
     opacity:0.7;
     margin-left:3.3vw;
     margin-top:3vh;
}
 .inpng {
     width:1.5vw;
     height: auto;
     float:left;
     opacity:0.7;
     margin-left:4.5vw;
     margin-top:3vh;
}
 .inpng:hover {
     opacity:1;
}
 .inpng2:hover {
     opacity:1;
}
 .fbpng:hover {
     opacity:1;
}
 .fbpng2:hover {
     opacity:1;
}
 a {
     text-decoration: none;
}
 a:link {
     text-decoration: none;
}
 a:visited {
     text-decoration: none;
}
 a:hover {
     text-decoration: none;
}
 a:active {
     text-decoration: none;
}
 .fbpng2{
     width:1.5vw;
     height: auto;
     float:left;
     opacity:0.7;
     margin-left:3.3vw;
     margin-top:7vh;
}
 .copyright {
     position: absolute;
     right:2vw;
     bottom:0.5vh;
     color:rgba(255,255,255,0.6);
     font-size: 0.9vh;
     letter-spacing: 2px;
}
 #ato0link {
     color:rgba(255,255,255,0.6);
}
 #ato0link:hover {
     color:rgba(255,255,255,1) !important;
}
 .policylink {
     color:rgba(255,255,255,0.6);
}
 .policylink:hover {
     color:rgba(255,255,255,1) !important;
}
 .policylink2 {
     color:rgba(255,255,255,0.6);
     margin-left: 5%;
}
 .policylink2:hover {
     color:rgba(255,255,255,1) !important;
}
 .inpng2 {
     width:1.5vw;
     height: auto;
     float:left;
     opacity:0.7;
     margin-left:4.5vw;
     margin-top:7vh;
}
 .div30vh {
     height:30vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div300vh {
     height:45vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div350vh {
     height:auto;
     width:100%;
     position: relative;
     text-align: right !important;
     padding-top: 4vh;
}
 .div32vh {
     height:40vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div35vh {
     height:30vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div51vh {
     height:50vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div50vh {
     height:43vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .fleft {
     margin-top:3vh;
     float:left;
     height:30vh;
     width:47%;
}
 .fright {
     margin-top:3vh;
     float:left;
     height:30vh;
     width:47%;
     margin-left: 6%;
}
 .div40vh {
     height:40vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div60vh {
     height:60vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div70vh {
     height:70vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div75vh {
     height:75vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div80vh {
     height:80vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .news1{
     position: absolute;
     left:0;
     top:0;
     bottom:0;
     width:15%;
     height:100%;
     text-align: center;
}
 .newstopics {
     font-size:2.5vh;
}
 .newsdetail1 {
     margin-top:5vh;
     display: block;
     font-size:2.5vh;
}
 .newsdetail2 {
     margin-top:2.5vh;
     display: block;
     font-size:2vh;
}
 .newsdetails1 {
     display: block;
     font-size:2.5vh;
}
 .newsdetails2 {
     margin-top:1vh;
     display: block;
     font-size:2vh;
}
 .newsbottoms1 {
     width:30%;
     height:100%;
     float:left;
     margin-right: 5%;
}
 .newsbottoms1 img {
     width:16.5vw;
     height:16.5vw;
}
 .newsbottoms2 {
     width:30%;
     background-color: aqua;
     height:100%;
     float:left;
}
 .newsbottoms2 img {
     width:16.5vw;
     height:16.5vw;
}
 .divnewsdeta {
     padding-top:10%;
     padding-bottom:10%;
     padding-left:5%;
     padding-right:5%;
}
 .news2 {
     position: absolute;
     width:15%;
     left:15%;
     bottom:0;
     top:0;
     text-align: center;
     height:100%;
}
 .news3 {
     position: absolute;
     width:55%;
     right:15%;
     bottom:0;
     top:0;
     height:70%;
}
 .ableftbottom {
     position:absolute;
     bottom:0;
     left:0;
}
 .news-border {
     height:70%;
     width:1px;
     margin:auto;
     background-color:white;
}
 .newmargin {
     margin-bottom:20%;
     margin-top:0;
     padding:0;
}
 .discover {
     display: inline-block;
     margin-top: 20%;
}
 .div100vh {
     height:auto!important;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
.maenxy, .maenxy .fp-tableCell {
	height: auto!important;
}
 .div100vf {
     height:100vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
}
 .div100vh2 {
     height:auto!important;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div200vh {
     height:200vh;
     width:100%;
     z-index:199;
     position: absolute;
     margin:auto;
     padding:0;
     top:0;
     left:0;
     right:0;
}
 .div150vh {
     height:150vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div175vh {
     height:175vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div130vh {
     height:130vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div137vh {
     height:137.5vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .div125vh {
     height:125vh;
     width:100%;
     padding:0;
     margin:0;
     position: relative;
}
 .bg001 {
     background-color: #010101;
}
 .footeradress {
     line-height: 3vh;
     opacity:0.7;
     font-size:1.8vh;
     letter-spacing: 0.1vw;
     float:none;
}
 .footeradressd {
     width:100%;
     height:3.5vh;
     opacity:0.6;
     font-size:1.8vh;
     letter-spacing: 0.1vw;
     float: left;
}
 .footeradress2 {
     line-height: 3vh;
     opacity:0.7;
     font-size:1.8vh;
     letter-spacing: 0.1vw;
     float:left;
}
 .footeradress3 {
     width:100%;
     opacity:0.7;
     font-size:1.8vh;
     letter-spacing: 0.1vw;
     float:left;
}
 .bg002 {
     background-color: #000000;
}
 .absolutediv {
}
 .centertext {
     text-align: center;
}
 .abcenter150 {
     position: absolute;
     margin:auto;
     padding:0;
     top:0;
     left:0;
     right:0;
}
 .abcenter151 {
     position: absolute;
     margin:auto;
     padding:0;
     top:87.5vh;
     left:0;
     right:0;
     z-index:2;
}
 .abcenter152 {
     position: absolute;
     margin:auto;
     padding:0;
     width:85%;
     top:50vh;
     left:0;
     right:0;
     z-index:2;
}
 .abcenter153 {
     position: absolute;
     margin:auto;
     padding:0;
     top:-25vh;
     left:0;
     right:0;
     z-index:2;
}
 .border {
     border:1px solid white;
}
 .abcenter {
     position: absolute;
     margin:auto;
     padding:0;
     top:0;
     left:0;
     bottom:0;
     right:0;
}
 .ableft {
     position: absolute;
     margin:auto;
     padding:0;
     top:0;
     left:0;
     bottom:0;
}
 .footer1 {
     width:100%;
     height:50%;
}
 .footer2 {
     width:100%;
     height:50%;
}
 .abright {
     position: absolute;
     margin:auto;
     padding:0;
     top:0;
     bottom:0;
     right:0;
}
 .abright125 {
     position: absolute;
     margin:auto;
     padding:0;
     top:0;
     bottom:0;
     right:12.5%;
}
 .ableft125 {
     position: absolute;
     margin:auto;
     padding:0;
     top:0;
     bottom:0;
     left:12.5%;
}
 .abbottom {
     position: absolute;
     margin:auto;
     padding:0;
     left:0;
     bottom:0;
     right:0;
}
 #topdbtext {
     width:50%;
     font-size:20px;
     word-wrap: break-word;
     word-break: break-word;
     line-height:150%;
     display: inline-block;
}
 #news3topleft {
     width:70%;
     height:100%;
     float:left;
}
 #news3topright {
     width:30vh;
     height:30vh;
     position: absolute;
     top:0;
     right:0;
}
 #news3topright img {
     width:100%;
     height:100%;
     max-height: 100%;
     max-width: 100%;
     min-height: 100%;
     min-width: 100%;
}
 #news3m-border {
     width:75%;
     height:1px;
     background-color: white;
}
 .newsh45 {
     height:40%;
}
 .newsh10 {
     height:20%;
}
 .abtop {
     position: absolute;
     margin:auto;
     padding:0;
     top:0;
     left:0;
     right:0;
}
 #water2 {
     z-index:9999;
}
 .abtopabout {
     position: absolute;
     margin:auto;
     padding:0;
     top:-11vh;
     left:0;
     opacity:1;
     right:0;
}
 .contentwidth {
     width:58%;
}
 .contentwidthf {
     width:68%;
}
 .newslll {
     height:90vh;
     width:35%;
     position: absolute;
     left:0;
     top:0;
     bottom:0;
}
 .fotterl {
     width:50%;
     height:100%;
     position: absolute;
     top:0;
     left:0;
}
 #fotterlogohny {
     width:40%;
     height:auto;
     float:none;
     margin-top: 2.7vh;
}
 #fotterlogoyukie {
     margin-top: 2.7vh;
     width:28%;
     margin-left: 1vw;
     height:auto;
     float:left;
}
 .fotterr {
     width:50%;
     height:100%;
     position: absolute;
     top:0;
     right:0;
}
 .newsrrr {
}
 .topimageshow {
     z-index:9999999;
}
 .toptext {
     height:50%;
}
 .abouttext {
     margin-top: 5vh;
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     letter-spacing:1px;
     line-height:5vh !important;
}
 .abouttext2 {
     letter-spacing:1px;
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     line-height:5vh !important;
}
 .img100auto {
     width:100%;
     height:auto;
}
 .topdesign50 {
     width:50%;
     height:100%;
}
 .topdesign40 {
     padding-top:35%;
     width:40%;
     height:100%;
}
 .topdesign43 {
     padding-top:35%;
     width:43%;
     height:100%;
}
 .topimageshow2 {
     width: 100%;
     height:100%;
}
 .topimageshow3 {
     width: 100%;
     height:100%;
     background-color: blue !important;
}
 .styletext {
     width:100%;
}
 .thistest {
     position: absolute;
     font-size:8vw;
     z-index: 9999999;
     top:0;
     left:0;
     bottom:0;
     right:0;
     margin: auto;
     color:transparent;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
     text-stroke-width: 1px;
     text-stroke-color: white;
     width:100%;
     height:15vh;
     text-align: center;
}
 .topimagesize0 {
     height:100vh !important;
     width:100% !important;
     overflow-x: hidden;
     overflow-y: hidden;
}
 .topimage {
     background: url(../img/top.jpg) no-repeat center center;
     -webkit-background-size:cover;
     -moz-background-size:cover;
     -o-background-size:cover;
     background-size:cover;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .topimagesize {
     height:63vh;
     overflow-x: hidden;
     overflow-y: hidden;
}
 .slidermenu1 {
     width:30%;
     height:100%;
     margin-right: -5%;
}
 .slidermenu2 {
     width:30%;
     height:100%;
     margin-left: -5%;
}
 .slider1001 {
     position: absolute;
     top:0;
     right:0;
     margin: auto;
     bottom:0;
     width:100%;
     height:100%;
     background: url(../img/HNY.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.5s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.5s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .slider1001:hover {
     transform: scale(1.1);
     -webkit-filter: brightness(100%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(100%) ;
}
 .slider2001:hover {
     transform: scale(1.1);
     -webkit-filter: brightness(90%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(90%) ;
}
 .hndisl {
     height:11vw;
     width:11vw;
     position: absolute;
     top:0;
     left:0;
     bottom:0;
     margin: auto;
     padding:0;
     background-color: #010101;
}
 .hndisl111 {
     height:11vw;
     width:11vw;
     position: absolute;
     top:0;
     left:0;
     bottom:0;
     margin: auto;
     padding:0;
     background-color: #010101;
}
 .newsdisr {
     height:11vw;
     width:11vw;
     position: absolute;
     left:0;
     right:0;
     bottom:0;
     margin: auto;
     padding:0;
}
 .hndisr111 {
     background-color: #010101;
     height:11vw;
     width:11vw;
     position: absolute;
     top:0;
     right:0;
     bottom:0;
     margin: auto;
     padding:0;
}
 .hndisr {
     background-color: #010101;
     height:11vw;
     width:11vw;
     position: absolute;
     top:0;
     right:0;
     bottom:0;
     margin: auto;
     padding:0;
}
 .hndisr0 {
     background-color: #010101;
     height:11vw;
     width:11vw;
     position: absolute;
     top:0;
     right:0;
     bottom:0;
     margin: auto;
     padding:0;
}
 .shprev {
     font-size:1.3vw;
     text-align:left;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     width:50%;
     opacity:0;
}
 .shnext {
     font-size:1.3vw;
     width:50%;
     padding-bottom: 3px !important;
     text-align:right;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity:0;
}
 .shdiscover{
     opacity: 0;
     height:10vw;
     width:10vw;
     text-align:center;
}
 .sydiscover{
     opacity: 0;
     height:10vw;
     width:10vw;
     text-align:center;
}
 .shbg001 {
     z-index: 2;
     border-radius: 100%;
     border:1px solid #c2aa6c;
     height:10vw;
     width:10vw;
}
 .shbg0011 {
     z-index:3;
     width:11vw;
     height:5.5vw;
     position: absolute;
     right:-0.5vw;
     top:-0.5vw;
     margin:0;
     padding:0;
     background-color: black;
}
 .shbg0012 {
     z-index: 3;
     width:11vw;
     height:5.5vw;
     position: absolute;
     left:-0.5vw;
     bottom:-0.5vw;
     margin:0;
     padding:0;
     background-color: black;
}
 .shbg002 {
     z-index: 4;
     border:1px solid white;
     height:10vw;
     width:10vw;
     background-color: transparent;
     border-radius: 100%;
}
 .shbg0021 {
     z-index: 5;
     width:11vw;
     height:5.5vw;
     position: absolute;
     right:-0.5vw;
     top:-0.5vw;
     margin:0;
     padding:0;
     background-color: black;
}
 .shbg0022 {
     z-index: 5;
     width:11vw;
     height:5.5vw;
     position: absolute;
     left:-0.5vw;
     bottom:-0.5vw;
     margin:0;
     padding:0;
     background-color: black;
}
 .disdis {
     z-index:999;
     color:white !important;
}
 .shbg001a {
     z-index: 2;
     border-radius: 100%;
     border:1px solid #c2aa6c;
     height:10vw;
     width:10vw;
}
 .shbg0011a {
     z-index:3;
     width:11vw;
     height:5.5vw;
     position: absolute;
     right:0;
     top:0;
     margin:0;
     padding:0;
     background-color: #010101;
}
 .shbg0012a {
     z-index: 3;
     width:11vw;
     height:5.5vw;
     position: absolute;
     left:0;
     bottom:0;
     margin:0;
     padding:0;
     background-color: #010101;
}
 .shbg002a {
     z-index: 4;
     border:1px solid white;
     height:10vw;
     width:10vw;
     background-color: transparent;
     border-radius: 100%;
}
 .shbg0021a {
     z-index: 5;
     width:11vw;
     height:5.5vw;
     position: absolute;
     right:0;
     top:0;
     margin:auto;
     padding:0;
     background-color: #010101;
}
 .shbg0022a {
     z-index: 5;
     width:11vw;
     height:5.5vw;
     position: absolute;
     left:0;
     bottom:0;
     margin:auto;
     padding:0;
     background-color: #010101;
}
 .shbg002c {
     z-index: 4;
     border:1px solid white;
     height:10vw;
     width:10vw;
     background-color: transparent;
     border-radius: 100%;
}
 .shbg0021c {
     z-index: 5;
     width:11vw;
     height:5.5vw;
     position: absolute;
     right:0;
     top:0;
     margin:auto;
     padding:0;
     background-color: black;
}
 .shbg0022c {
     z-index: 5;
     width:11vw;
     height:5.5vw;
     position: absolute;
     left:0;
     bottom:0;
     margin:auto;
     padding:0;
     background-color: black;
}
 .shbg001b {
     z-index: 2;
     border-radius: 100%;
     border:1px solid #DE1C20;
     height:10vw;
     width:10vw;
}
 .shbg001c {
     z-index: 2;
     border-radius: 100%;
     border-left:1px solid #c2aa6c;
     border-top:1px solid #c2aa6c;
     border-bottom:1px solid #DE1C20;
     border-right:1px solid #DE1C20;
     height:10vw;
     width:10vw;
}
 .shbg0011c {
     z-index:3;
     width:11vw;
     height:5.5vw;
     position: absolute;
     right:0;
     top:0;
     margin:0;
     padding:0;
     background-color: black;
}
 .shbg0012c {
     z-index: 3;
     width:11vw;
     height:5.5vw;
     position: absolute;
     left:0;
     bottom:0;
     margin:0;
     padding:0;
     background-color: black;
}
 .shbg0011b {
     z-index:3;
     width:11vw;
     height:5.5vw;
     position: absolute;
     right:0;
     top:0;
     margin:0;
     padding:0;
     background-color: #010101;
}
 .shbg0012b {
     z-index: 3;
     width:11vw;
     height:5.5vw;
     position: absolute;
     left:0;
     bottom:0;
     margin:0;
     padding:0;
     background-color: #010101;
}
 .shbg002b {
     z-index: 4;
     border:1px solid white;
     height:10vw;
     width:10vw;
     background-color: transparent;
     border-radius: 100%;
}
 .shbg0021b {
     z-index: 5;
     width:11vw;
     height:5.5vw;
     position: absolute;
     right:0;
     top:0;
     margin:auto;
     padding:0;
     background-color: #010101;
}
 .shbg0022b {
     z-index: 5;
     width:11vw;
     height:5.5vw;
     position: absolute;
     left:0;
     bottom:0;
     margin:auto;
     padding:0;
     background-color: #010101;
}
 .sybg001 {
     z-index: 2;
     border-radius: 100%;
     border:1px solid #DE1C20;
     height:10vw;
     width:10vw;
}
 .sybg0011 {
     z-index:3;
     width:11vw;
     height:5.5vw;
     position: absolute;
     left:-0.5vw;
     top:-0.5vw;
     margin:0;
     padding:0;
     background-color: black;
}
 .sybg0012 {
     z-index: 3;
     width:11vw;
     height:5.5vw;
     position: absolute;
     right:-0.5vw;
     bottom:-0.5vw;
     margin:0;
     padding:0;
     background-color: #010101;
}
 .sybg002 {
     z-index: 4;
     border:1px solid white;
     height:10vw;
     width:10vw;
     background-color: transparent;
     border-radius: 100%;
}
 .sybg0021 {
     z-index: 4;
     width:11vw;
     height:5.5vw;
     position: absolute;
     left:-0.5vw;
     top:-0.5vw;
     margin:0;
     padding:0;
     background-color: black;
}
 .sybg0022 {
     z-index: 4;
     width:11vw;
     height:5.5vw;
     position: absolute;
     right:-0.5vw;
     bottom:-0.5vw;
     margin:0;
     padding:0;
     background-color: #010101;
}
 .shtext {
     opacity: 0;
     z-index:999999;
}
 .sytext {
     opacity: 0;
     z-index:999999;
}
 .syprev {
     opacity: 0;
     font-size:1.2vw;
     text-align:left;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     width:50%;
}
 .synext {
     opacity: 0;
     font-size:1.2vw;
     width:50%;
     padding-bottom: 3px !important;
     text-align:right;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
}
 .discovertextleft {
     margin-top:50%;
     font-size:1.4vw;
     opacity:0.9;
     padding-bottom:5px;
     text-align: center;
     font-weight:100;
     padding-right:40%;
     position:relative;
     color:white;
     margin-left: 20%;
     z-index: 999999;
}
 .uppercase {
     text-transform: uppercase;
}
 .algnleft {
     text-align: left !important;
}
 .discovertextright {
     z-index: 999999;
     opacity:0.9;
     margin-top:50%;
     font-size:1.4vw;
     font-weight:100;
     padding-bottom:3px;
     text-align: center;
     padding-left:40%;
     position:relative;
     color:white;
     margin-right: 20%;
}
 .textcenter {
     font-size:1.2vw;
     position: relative;
     float: left;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
}
 .textcentera {
     position: relative;
     float: left;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
}
 .slider1002 {
     position: absolute;
     top:0;
     right:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/HNY.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .slider1003 {
     position: absolute;
     top:0;
     right:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/hnymenu.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .slider1004 {
     position: absolute;
     top:0;
     right:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/hnystyle.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .slider1005 {
     position: absolute;
     top:0;
     right:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/producttop.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .slider1006 {
     position: absolute;
     top:0;
     right:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/hnygift.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .slider1007 {
     position: absolute;
     top:0;
     right:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/hnyresavation.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .slider1008 {
     position: absolute;
     top:0;
     right:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/recruit.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .slider1009 {
     position: absolute;
     top:0;
     right:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/hnyaccess.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .slider2002 {
     position: absolute;
     top:0;
     left:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/YukieNailNewYork.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
     z-index:2;
}
 .slider2003 {
     position: absolute;
     top:0;
     left:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     z-index:2;
     background: url(../img/yukiemenu.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .slider2004 {
     position: absolute;
     top:0;
     left:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/yukiedesign.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     z-index:2;
}
 .slider2005 {
     position: absolute;
     top:0;
     left:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/yukiefashion.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     z-index:2;
}
 .slider2006 {
     position: absolute;
     top:0;
     left:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/yukiegift.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index:2;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .slider2007 {
     position: absolute;
     top:0;
     left:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/yukieresavation.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     z-index: 2;
}
 .slider2008 {
     position: absolute;
     top:0;
     left:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/recruit.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: 2;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .slider2009 {
     position: absolute;
     top:0;
     left:0;
     margin: auto;
     bottom:0;
     width:0%;
     height:100%;
     background: url(../img/yukieaccess.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
     z-index: 2;
}
 .britheness40 {
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
}
 .britheness50 {
     -webkit-filter: brightness(80%) !important;
    /* Safari 6.0 - 9.0 */
     filter: brightness(80%) !important;
}
 .slider2001 {
     -webkit-filter: brightness(90%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(90%) ;
     position: absolute;
     top:0;
     left:0;
     margin: auto;
     bottom:0;
     width:100%;
     height:100%;
     -webkit-filter: brightness(70%) ;
    /* Safari 6.0 - 9.0 */
     filter: brightness(70%) ;
     z-index:2;
     background: url(../img/YukieNailNewYork.jpg) no-repeat;
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
}
 .bookimage {
     width:80%;
     height:auto;
}
 .menu {
     position: fixed;
     z-index: 9999999999999999;
}
 .time0 {
     z-index: 9999999;
}
 .timestext {
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     font-size:1.9vh;
     opacity: 0.85;
     overflow-wrap: break-word;
     word-break: break-word;
     line-height: 3.8vh;
     font-weight: 100;
     margin-left: auto;
     margin-right: auto;
}
 .timestext2 {
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     margin-top:40%;
     font-size:1.9vh;
     opacity: 0.85;
     overflow-wrap: break-word;
     word-break: break-word;
     line-height: 3.8vh;
     font-weight: 100;
     width:98%;
}
 .timestext3 {
     text-align: justify;
     -moz-text-align-last: left;
     text-align-last: left;
     margin-top:40%;
     font-size:1.9vh;
     opacity: 0.85;
     overflow-wrap: break-word;
     word-break: break-word;
     line-height: 3.8vh;
     font-weight: 100;
     width:100%;
}
 .width20 {
     width:20%;
}
 .width50 {
     width:50%;
}
 .width100-p2 {
     width:85%;
     padding-left: 5vw;
}
 .width100-p {
     width:100%;
     padding-left: 5vw;
}
 .width100 {
     width:100%;
     height:7vh;
}
 /*#hnymenu {
     display: none;
}*/
 #yukiemenu {
     display: none;
}
 .width100menu {
     text-align: center;
     width:100%;
     color:white;
}
 .MENUHOME {
}
 .MENUHOMEACTIVE {
     color:white;
     text-stroke-width : 1px;
     text-stroke-color :black;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: black;
}
 .width100menu tr td {
     padding-top:1.2vh;
     padding-bottom:1.2vh;
}
.width100menu tr td img {
    width: 32px;
    position: relative;
    top: 8px;
    margin-right: 10px;
}
#yukiemenu tr td:hover {
     color:#DE1C20;
}
 #hnymenu tr td:hover {
     color:#DE1C20;
}
 .hnymenuactive {
     color:#DE1C20;
}
 .yukiemenuactive {
     color:#DE1C20;
}
 .rmenu {
     margin:0;
     padding:0;
     top:0;
     right:4%;
     height:100vh;
     width:75px;
     background-color: transparent;
}
 .lmenu {
     margin:0;
     padding:0;
     top:0;
     left:4%;
     height:100vh;
     width:75px;
     background-color: transparent;
}
 .rmenu-in {
     width:80%;
     height:420px;
}
 .rmenu-in1 {
     width:1px;
     height:100%;
     background-color: white;
}
 .rmenu-in2 {
     width:70px;
     height:30%;
     margin-left:-3px;
}
 .rmenu-in3 {
     width:1px;
     margin-top: -4vh;
     height:100%;
     background-color: white;
}
 .lmenu-in {
     width:80%;
     height:300px;
     padding-top:45px;
}
 .lmenu-yukie {
     position: absolute;
    top: 0;
    bottom: 0;
    left: -55px;
    right: 0;
    margin: auto;
    width: 140px;
    height: 20px;
    text-align: right;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
 .textcenter {
     text-align: center;
}
 .lmenu-hny {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -38px;
	right: 0;
	margin: auto;
	padding-top: 0px;
	width: 80px;
	height: 0px;
	text-align: right;
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
 .barac {
     width:55% !important;
     margin-left:-2% !important;
     height:1px !important;
     background-color: white !important;
     margin-top:13px;
     -webkit-transition: all 0.5s ease-out !important;
     transition: all 0.5s ease-out !important;
}
 .barnon {
     margin-top:13px;
     margin-bottom:13px;
     width:15%;
     margin-left:35%;
     height:1px;
     -webkit-transition: all 0.5s ease-out !important;
     transition: all 0.5s ease-out !important;
     background-color: rgba(255,255,255,0.7);
}
 .designbooksq {
     width:40vw;
     height:40vw;
     border:2px solid white;
}
 .rell {
     width:100%;
     height:100%;
     position:relative;
}
 .rell33 {
     width:100%;
     height:33%;
     position:relative;
}
 .rell30 {
     width:100%;
     height:30%;
     position:relative;
}
 .rell35 {
     width:100%;
     height:30%;
     position:relative;
}
 .rell40 {
     width:100%;
     height:55%;
     position:relative;
}
 #entop {
     position: absolute;
     font-size:15px;
     width:20px;
     text-align: center;
     top:48px;
     margin:auto;
     padding:0;
     left:0;
     right:0;
}
 #imentop {
     position: absolute;
     bottom:-5;
     left:0;
     background-color: white;
     height:2px;
}
 .mobileright {
}
 .imactive {
     width:100% !important;
}
 #imjptop {
     position: absolute;
     bottom:-5;
     left:0;
     background-color: white;
     height:2px;
     width:0%;
}
 #jptop {
     position: absolute;
     font-size:15px;
     width:20px;
     text-align: center;
     top:48px;
     margin:auto;
     padding:0;
     left:-85px;
     right:0;
}
 .menubars {
     width:25px;
     height:30px;
     z-index:9999;
     position: absolute;
     top:38px;
     position: absolute;
     margin:auto;
     padding:0;
     left:0;
     right:0;
}
 .menublack {
     background-color:black !important;
}
 #menubar1 {
     top:13px;
     left:0px;
     position: absolute;
     background-color:white;
     background-size: 200% 100%;
     background-position:right bottom;
     transition:all 0.3s ease;
     -webkit-transition:all 0.3s ease;
     width:100%;
     height:2px;
}
 .hnybarcolor {
     background: linear-gradient(to left, white 50%, #010101 50% );
}
 .yukiebarcolor {
     background: linear-gradient(to left, white 50%, #DE1C20 50% );
}
 #menubar2 {
     top:19px;
     left:0px;
     position: absolute;
     background-color:white;
     width:100%;
     height:2px;
     background-size: 200% 100%;
     background-position:right bottom;
     transition:all 0.2s ease;
     -webkit-transition:all 0.2s ease;
     width:100%;
     height:2px;
}
 #menubar3 {
     top:25px;
     left:0px;
     position: absolute;
     width:100%;
     height:2px;
     background-color:white;
     background-size: 200% 100%;
     background-position:right bottom;
     transition:all 0.1s ease;
     -webkit-transition:all 0.1s ease;
     width:100%;
     height:2px;
}
 .fixedbar {
     background: linear-gradient(to left, white 50%, #c2aa6c 50% );
}
 #menutop {
     z-index: 999999;
     position: absolute;
     font-size:15x;
     top:48px;
     position: absolute;
     margin:auto;
     padding:0;
     left:84px;
     right:0;
     text-align: center;
}
 .times {
     font-family: 'Lora', serif;
}
 .timestitleleft {
     text-align: left;
     font-weight: 100;
     font-size:3vw;
     letter-spacing: 2px;
}
 .timestitle2left {
     text-align: left;
     font-weight: 100;
     font-size:1.5vw;
     letter-spacing: 2px;
     padding-left: 2px;
}
 .timestitleright {
     text-align: right;
     font-weight: 100;
     font-size:3vw;
     letter-spacing: 4px;
}
 .timestitle2right {
     text-align: right;
     font-weight: 100;
     font-size:1.5vw;
     letter-spacing: 2px;
     padding-right: 2px;
}
 .marginleft5 {
     margin-left: 1vw;
}
 .timesmenu {
     -webkit-transition: all 0.5s ease-out !important;
     transition: all 0.5s ease-out !important;
     font-size:4.5vh !important;
     text-align: center;
     font-weight: 100 !important;
     letter-spacing: -1px;
}
 .nolspace {
     letter-spacing:0px !important;
}
 .timestitleab {
     text-align: center;
     font-weight: 100;
     font-size:3vw;
     letter-spacing: 1.7vw;
}
 .timestitle {
     text-align: center;
     font-weight: 100;
     font-size:3vw;
     letter-spacing: 13px;
}
 .marginajustaaaa{
}
 @media only screen and (max-width : 870px) {
     .marginajustaaaa{
         margin-top: -20vh;
    }
}
 @media only screen and (max-width : 630px) {
     .ndesdiv {
         width:87%;
         margin-right: 0%!important;
    }
}
 @media only screen and (max-width : 696px) {
     .reseva-r {
         width:300px;
    }
}
 @media only screen and (max-width : 741px) {
     #acccbg {
         top:205vh;
         left:-5vw;
    }
     .accessinfo-l {
         font-size:2.5vh !important;
         width: 100%;
         margin-bottom: -8vh;
    }
     .mobileright {
         text-align: right !important;
    }
     #viewonmap {
         padding-top: 0.5vh;
    }
     .accesshour {
         text-align: right !important;
    }
     .accessday {
         padding-left: 20%;
    }
     .accessinfo-r {
         font-size:2.5vh !important;
         width: 70%;
         margin-left: 30%;
    }
}
 .marginrast {
}
 @media only screen and (max-width : 938px) {
     .idea2 {
         font-size:10vh !important;
         height:25vh;
    }
}
 @media only screen and (max-width : 868px) {
     .marginrast {
         margin-top:-25vh;
    }
     .detailboxdesign {
         width:70%;
         margin-right: 10%;
    }
     .detailboxnews {
         width:70%;
         margin-top: 17vh;
         margin-right: 10%;
    }
}
 @media only screen and (max-width : 670px) {
     .dddssshow {
         height:25vh;
    }
     .ddmidleborder {
         width:14%;
         right:10.5%;
    }
     .marginrast {
         width:80% !important;
         text-align: right;
         margin-right:5%;
    }
     .centerslideshow {
    }
     .centerslideshowdiv1 {
    }
     .centerslideshowdiv2 {
    }
     .centerslideshowdiv3 {
    }
     .centerslideshowdiv4 {
    }
     .ssssactive {
    }
}
 @media only screen and (max-width : 838px) {
     .ft7666 {
         display:none !important;
    }
     .ft7667 {
         display:inherit !important;
    }
}
 @media only screen and (max-width : 768px) {
     #ytexta1 {
         margin-left: 12.3vw !important;
    }
     #ytexta2 {
         margin-left: 26vw !important;
    }
     #ytexta3 {
         margin-left: 41vw !important;
    }
     #ytexta4 {
         margin-left: 55vw !important;
    }
     #ytexta5 {
         margin-left: 69vw !important;
    }
     #ytexta6 {
         margin-left: 14vw !important;
    }
     #ytexta7 {
         margin-left: 30vw !important;
    }
     #ytexta8 {
         margin-left: 50vw !important;
    }
     #ytexta9 {
         margin-left: 68vw !important;
    }
     #htexta6,#htexta7,#htexta8,#htexta9,#htexta10 {
         margin-top: 50vh !important;
    }
     #nailbg {
         top:-7vh !important;
    }
     .exploarnavi,.exploarnavi1 {
         position: absolute;
         bottom:10vh;
         right:12vw;
         font-size:3vh;
    }
     .expbor,.expbor1 {
         width:50%;
         height:31px;
         float:left;
         position: relative;
    }
     #yukiemenu,#hnymenu {
         display: inline !Important;
         font-size:2.7vh !important;
         text-align: center;
         margin-top: 20vh;
         width:70%;
    }
     .campain {
         height: 25vh !important;
         margin-top:5vh;
    }
     .dddssshownail1 {
         height: 30vh !important;
    }
     .dddssshownail4 {
         height:35vh 
    }
     input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea {
         font-size: 16px;
    }
     input {
         font-size: 16px;
    }
     input[type="text"] {
         font-size:16px;
    }
     .div200vh {
         height:150vh;
    }
     .div100vh2 {
         height:130vh !important;
    }
}
 @media only screen and (max-width : 1000px) {
     .div200vh {
         height:150vh;
    }
     .div100vh2 {
         height:130vh !important;
    }
}
 @media only screen and (max-height : 761px) {
     #nailbg {
         right:10vw;
         top:-10vh;
    }
}
 .pmmmmf {
}
 @media only screen and (max-height : 702px) {
     #nailbg {
         right:10vw;
         top:-18vh;
    }
}
 @media only screen and (max-width : 660px) {
     .productmenus {
         margin-left: 0vw;
         font-size:3vw !important;
    }
     .productmenus td{
         padding-left: 15vw;
    }
     .pmmmmf {
         padding-left:3vw !important;
    }
     .width100-p2 {
         padding-left: 0;
    }
     .width100-p {
         padding-left: 0;
    }
     .productimg {
         width:40vw;
         height:27.5vh;
    }
     .giftimg {
         width:40vw;
         height:27.5vh;
    }
     .pimgtop0 {
         margin-right: 1vw;
    }
}
 @media only screen and (max-height : 640px) {
     #nailbg {
         right:10vw;
         top:-22vh;
    }
}
 @media only screen and (max-height : 594px) {
     #nailbg {
         right:10vw;
         top:-24vh;
    }
}
 @media only screen and (max-height : 547px) {
     #nailbg {
         right:10vw;
         top:-26vh;
    }
}
 @media only screen and (max-width : 934px) {
     .div200vh {
         height:150vh;
    }
     .div100vh2 {
         height:130vh !important;
    }
}
 @media only screen and (max-width : 830px) {
     .productmenus {
         font-size:2vw;
    }
     .imagelist {
         margin-bottom: 8vh;
    }
     .licenceimg {
         width:19vw;
         height:19vw;
    }
     .licenceimg1 {
         width:19vw;
         height:19vw;
    }
     .pro-r {
         width:55%;
         margin-left: 5%;
    }
     .pro-l {
         width:40%;
         margin-right: 0;
    }
     .about-para {
         width:75%;
    }
     .imagelist {
         height:60vh;
    }
}
 @media only screen and (max-width : 801px) {
     .div200vh {
         height:150vh;
    }
     .div100vh2 {
         height:100vh !important;
    }
     #fapsliders, #fapsliders2 {
         right:1.5vw !important;
    }
     .rmenu {
         right:0% !important;
    }
     .lmenu {
         left:0% !important;
    }
}
 .detitop0 {
     z-index: 99999;
}
 @media only screen and (max-width : 760px) {
     .detitop,.detitop0 {
         font-size:3vh !Important;
    }
}
 @media only screen and (max-width : 720px) {
     .idea2 {
         font-size:8vh !important;
         height:20vh;
    }
}
 @media only screen and (max-width : 580px) {
     .idea2 {
         font-size:6vh !important;
         height:20vh;
    }
     .fashion-for1 {
         height:60vh !important;
         bottom:30vh !important;
    }
     .fashion-nav1 {
         bottom:10vh !important;
    }
     .imagelist {
         height:52vh !important;
         margin-bottom: 0vh !important;
    }
     .pro-r {
         width:55%;
         margin-left: 5%;
    }
     .pro-l {
         width:40%;
         margin-right: 0;
    }
     .about-para {
         width:90%;
    }
     #entop,#jptop,#menutop {
         top:25px !important;
    }
     .menubars{
         top:15px !important;
    }
     #topY{
         font-size:6.5vh;
         margin-top:1.7vh;
         margin-right: 0.7vw;
    }
     #topH {
         font-size:6.5vh;
         margin-top:1.7vh;
         margin-right: 0.7vw;
    }
     .abouttext {
         line-height: 3.5vh !Important;
    }
     .abouttext2 {
         margin-top: 5vh;
         line-height: 3.5vh !Important;
    }
}
 @media only screen and (max-width : 450px) {
     #fapsliders, #fapsliders2 {
         right:0vw !important;
    }
     .about-topimg {
         width:85vw;
         margin-right: 0;
         margin-left: -5vw;
    }
     .about-topimgf {
         width:85vw;
         margin-right: 0;
         margin-left: -5vw;
    }
     .div300vh {
         height:17vh;
    }
     #profilebg {
         display: none;
    }
     .contentwidth-about{
         width:80vw;
         margin-left: 15vw;
         z-index:999;
    }
     .contentwidth-about205{
         width:80vw;
         margin-left: 15vw;
         z-index:999;
    }
     .licenceimg {
         width:24vw;
         height:24vw;
    }
     .licenceimg1 {
         width:24vw;
         height:24vw;
    }
     .timestitleleft-about{
         font-size:6vw;
    }
     .ownertitle {
         font-size:3vw;
    }
     .pro-r {
         width:45%;
    }
     .pro-l {
         width:50%;
    }
     .owner {
         margin-bottom: 0;
    }
     .about-titles {
         height:10vh;
         width:40vw;
         margin-top: -5vh;
         margin-left: -5vw;
    }
     .about-titles2 {
         height:20vh;
         width:40vw;
         margin-top: -15vh;
         margin-left: -5vw;
    }
     .about-para {
         margin-top: 8vh;
         margin-left: -5vw;
         width:80vw;
    }
     .timestitleab {
         font-size:4.5vw;
    }
     #latestbg {
         left:-2vw !important;
         bottom:60vh;
    }
     #hairbg {
         display: none;
    }
     #nailbg {
         display: none;
    }
     .newstopimg {
         top:10vh !important;
         right:0 !important;
         width:23vh !important;
         height:24vh !important;
    }
     .newstopimg2 {
         width:17vh !important;
         height:17vh !important;
         top:50vh !important;
         right:30vw !important;
    }
     .newstopimg3 {
         width:17vh !important;
         height:17vh !important;
         top:50vh !important;
         right:0vw !important;
    }
     #newnews {
         font-size:2.2vh !important;
    }
     .newstopdes {
         top:29vh !important;
         width:27vh !important;
         height:12vh !important;
         font-size:2.2vh !important;
         line-height: 3.8vh !important;
    }
     .newstopdes2 {
         width:17vh !important;
         height:8.5vh !important;
         padding:0 !important;
         padding-top: 10px !Important;
         top:67vh !important;
         right:30vw;
         !important;
         font-size:2vh !important;
         line-height: 3.8vh !important;
    }
     .newstopdes3 {
         width:17vh !important;
         height:8.5vh !important;
         padding:0 !important;
         padding-top: 10px !Important;
         top:67vh !important;
         right:0vw;
         !important;
         font-size:2vh !important;
         line-height: 3.8vh !important;
         background-color: #010101 !important;
    }
     .hndisl {
         height:21vw;
         width:21vw;
         left:-13vw!important;
         top:-13vh;
    }
     .newsdisr {
         height:21vw;
         width:21vw;
         left:-5vw!important;
         top:85vh;
    }
     .slidermenu2, .slidermenu1 {
         width:30% !important;
    }
     .shdiscover {
         height:17vw !important;
         width:17vw !important;
         margin-left: 0 !Important;
    }
     .sydiscover {
         height:17vw !important;
         width:17vw !important;
         margin-right: 0 !Important;
    }
     .htextanis1,.htextanis2,.htextanis3,.htextanis4,.htextanis5,.htextanis6,.htextanis7,.htextanis8 {
         font-size:80px !important;
         -webkit-transform:scale(0.7) rotate(-20deg);
         -moz-transform:scale(0.7) rotate(-20deg);
         -ms-transform:scale(0.7) rotate(-20deg);
         -o-transform:scale(0.7) rotate(-20deg);
    }
     .ytextani1a,.ytextani1b,.ytextani2a,.ytextani2b,.ytextani3a,.ytextani3b,.ytextani4a,.ytextani4b,.ytextani5a,.ytextani5b,.ytextani6a,.ytextani6b,.ytextani7a,.ytextani7b,.ytextani8a,.ytextani8b,.ytextani9a,.ytextani9b {
         font-size: 55px !important;
    }
     .shprev{
         font-size:3vh;
         margin-top: 10vh;
         margin-left: 3vw;
    }
     .syprev{
         font-size:3vh;
         margin-top: 10vh;
         margin-left: 8vw !important;
    }
     .synext{
         font-size:3vh;
         margin-bottom: 10vh;
         margin-left: 8vw !important;
    }
     .shnext{
         font-size:3vh;
         margin-bottom: 10vh;
         margin-left: 3vw;
    }
     .shbg002,.sybg002 {
         width:17vw !important;
         height:17vw !important;
    }
     .hndisr,.yndisr {
         height:18vw!important;
         width:18vw!important;
         top:-60vh;
    }
     .hndisr0 {
         height:21vw !important;
         width:21vw !important;
         top:-60vh !important;
         left:50vw !important;
    }
     .shbg001,.sybg001,.shbg0011,.sybg0011{
         display: none !important;
    }
     .shbg0012c,.shbg0011c {
         display: none !important;
    }
     .shbg0012,.sybg0012,.shbg001c,.shbg001b,.shbg0012b,.shbg0011b,.shbg001a,.shbg0012a,.shbg0011a {
         display: none !important;
    }
     .ykdborder,.hnydborder {
         display:none !Important;
    }
     .shbg002a, .shbg002b, .shbg002c {
         width:20vw;
         height:20vw;
    }
     .shbg0021b,.shbg0022b, .shbg0021a,.shbg0022a,.shbg0021c,.shbg0022c {
         width:24vw;
         height:12vw;
    }
     .disdis,.shtext,.sytext {
         font-size:3.4vw !Important;
         color:white !important;
    }
     #stylebg {
         left:-22vw;
         top:60vh;
         letter-spacing: 3vw;
         position: absolute;
         transform:scale(1,2);
         -webkit-transform:scale(1,2);
         -moz-transform:scale(1,2);
         -ms-transform:scale(1,2);
         -o-transform:scale(1,2);
    }
     .copyright {
         width:100vw !important;
         text-align: center !important;
    }
     .div50vh {
         height:85vh !important;
    }
     .fleft {
         padding: 0 !important;
         width:100% !important;
    }
     #fotterlogohny {
         width:30vw !important;
    }
     #fotterlogoyukie {
         width:25vw !important;
    }
     .inpng {
         width:6vw;
         margin-left: 15vw;
         margin-top: 3.2vh;
    }
     .fbpng {
         width:6vw;
         margin-left: 8vw;
         margin-top: 3.2vh;
    }
     .footeradress {
         text-align: right !important;
         float: right !important;
    }
     .footeradressdmobile {
         display: inline-block !important;
         width:100%;
         height:3.5vh;
         opacity:0.6;
         font-size:1.8vh;
         letter-spacing: 0.1vw;
         line-height: 3vh !important;
         float: left;
         margin-bottom: 4vh;
    }
     .footeradressd {
         display: none !important;
    }
     .fright {
         margin-top:5vh !important;
         padding: 0 !important;
         width:100% !important;
         margin-left: 0 !important;
    }
     .newsborder {
         top:18vh !Important;
         left:-5vw !important;
    }
     .marginleft5 {
         margin-left: -2vw;
         margin-top: 10vh;
    }
     #designbg {
         right:-23vw;
         top:63vh;
         letter-spacing: 3vw;
         position: absolute;
         transform:scale(1,2);
         -webkit-transform:scale(1,2);
         -moz-transform:scale(1,2);
         -ms-transform:scale(1,2);
         -o-transform:scale(1,2);
    }
     @media only screen and (max-width : 480px) {
         #htexta1 {
             margin-left: 14.3vw !important;
        }
         #htexta2 {
             margin-left: 26vw !important;
        }
         #htexta3 {
             margin-left: 37vw !important;
        }
         #htexta4 {
             margin-left: 49vw !important;
        }
         #htexta5 {
             margin-left: 60vw !important;
        }
         #htexta11 {
             margin-left: 72vw !important;
        }
         #htexta6 {
             margin-left: 16vw !important;
        }
         #htexta7 {
             margin-left: 29vw !important;
        }
         #htexta8 {
             margin-left: 42vw !important;
        }
         #htexta9 {
             margin-left: 55vw !important;
        }
         #htexta10 {
             margin-left: 74vw !important;
        }
         .topimage0 {
             width:120vw !important;
             height:100vh !important;
        }
         .idea2 {
             font-size:5vh !important;
             line-height: 10vh !important;
        }
         .designslideperaca {
             width:100% !important;
        }
         .scrolltext {
             bottom:5vh !important;
        }
         #yukiemenu,#hnymenu {
             display: inline !Important;
             font-size:2.7vh !important;
             text-align: center;
             margin-top: 5vh!important;
             width:70%;
        }
         .exploarnavi,.exploarnavi1 {
             position: absolute;
             bottom:3vh;
             right:3vw;
             font-size:3vh;
        }
         .expbor,.expbor1 {
             width:50%;
             height:23px;
             float:left;
             position: relative;
        }
         .dddssshownail1 {
             height: 45vh !important;
        }
         .campain {
             height: 30vh !important;
             margin-top:5vh;
        }
         .dddssshownail3 {
             height:20vh;
        }
         .dddssshownail5 {
             height:30vh;
        }
    }
     .hnydborder {
         display:none !important;
    }
     .topdesign50 {
         width:100%;
         height:100%;
         float: left;
    }
     .topdesign40 {
         float: left;
         padding-top:100vh;
         width:100%;
         height:100%;
    }
     .timestitleleft, .timestitleright {
         margin-top: 5vh !important;
         font-size:5vh !Important;
    }
     .timestitle2left, .timestitle2right {
         font-size:4vh !Important;
    }
     .timestext2{
         margin-top:20%;
         font-size:2.2vh;
         opacity: 0.85;
         overflow-wrap: break-word;
         word-break: break-word;
         line-height: 3.8vh;
         font-weight: 100;
         width:55%;
    }
     .timestext3 {
         margin-top:20%;
         font-size:2.2vh;
         opacity: 0.85;
         float:right;
         overflow-wrap: break-word;
         word-break: break-word;
         line-height: 3.8vh;
         font-weight: 100;
         width:55%;
    }
     #menutop {
         display: none !important;
    }
     #texta1 {
         margin-left: 18w !important;
         margin-top: 25vh !important;
    }
     #texta2 {
         margin-left: 36vw !important;
         margin-top: 25vh !important;
    }
     #texta3 {
         margin-left: 52vw !important;
         margin-top: 25vh !important;
    }
     #texta4 {
         margin-left: 65vw !important;
         margin-top: 25vh !important;
    }
     #texta5 {
         margin-left: 43vw !important;
         margin-top: 39vh !important;
    }
     #texta6 {
         margin-left: 16w !important;
         margin-top: 55vh !important;
    }
     #texta7 {
         margin-left: 39vw !important;
         margin-top:55vh !important;
    }
     #texta8 {
         margin-left: 52vw !important;
         margin-top: 55vh !important;
    }
     #texta9 {
         margin-left: 65vw !important;
         margin-top: 55vh !important;
    }
     .div100vf {
         height:110vh !important;
    }
     .textanimation, .ytextani {
         font-size:50px !important;
    }
     .rmenu {
         right:-4% !important;
    }
     .lmenu {
         left:-3% !important;
    }
     .rmenu-in2 {
         width:35px !important;
         margin-left: 13px !important;
    }
     .timestitle {
         font-size:7vw;
         letter-spacing: 13px;
    }
     .htextani {
         left:5vw !important;
         font-size:80px !important;
         -webkit-transform:scale(0.7) rotate(-20deg);
         -moz-transform:scale(0.7) rotate(-20deg);
         -ms-transform:scale(0.7) rotate(-20deg);
         -o-transform:scale(0.7) rotate(-20deg);
    }
     .menuhome1 {
         display: none !Important;
    }
     #mHNYMENULOGO {
         display: inline !Important;
         position: absolute !important;
         top:12vh;
         left:0;
         right:0;
         margin: auto;
         width:60%;
         height:auto !important;
    }
     #mYUKIEMENULOGO {
         display: inline !Important;
         position: absolute !important;
         top:5vh;
         left:0;
         right:0;
         margin: auto;
         width:50%;
         height:auto !important;
    }
     #HNYMENULOGO,#YUKIEMENULOGO {
         display: none !important;
    }
     .menuhome2 {
         width:100% !Important;
         color:black;
         border-left:none !important;
    }
     #yukiemenu,#hnymenu {
         display: inline !Important;

    }
    #hnymenu tbody {
    	display: inline;
    }
     .menuhome3 {
         width:49% !Important;
         color:black;
    }
    }
     .width100menu {
         -webkit-transition: all 0.5s ease-out !important;
         transition: all 0.5s ease-out !important;
         font-size:3vh !important;
         text-align: center !important;
         font-weight: 100 !important;
         letter-spacing: -1px;
         height:75vh;
         bottom:0 !important;
         top:auto !important;
    }
     .width100menu td {
         border:1px solid transparent;
         width:50vw;
    }
     #entop,#jptop {
         right:10px !important;
    }
     #entop,#jptop,#menutop {
         top:17px !important;
    }
     .hndisr111,.hndisl111 {
         display: none !important;
    }
     .menubars{
         top:7px !important;
         left:15px !important;
    }
     .contentwidth {
         width:72% !important;
    }
     .topimagesize {
         height:60vh;
    }
}
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
}
 .fapslider, .fanylider {
     position: fixed;
     width:100vw;
     height:100vh;
     z-index: 99999999999999999999999999999;
     background-color: rgba(0,0,0,0.9);
     overflow-x: hidden;
     overflow-y: hidden;
}
 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
}
 .slick-list:focus {
     outline: none;
}
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
}
 .slick-slider .slick-track, .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .fashion-for1 {
     position: absolute;
     bottom:21vh;
     left:0;
     right:0;
     width:65vw;
     height:70vh;
     margin: auto;
}
 .slideingtop {
     margin-left: auto;
     margin-right: auto;
     height:100% !important;
     width:auto !important;
}
 .slideingtop2 {
     width:90%;
     height:90%;
     object-fit: contain;
}
 #fapsliders, #fapsliders2 {
     opacity: 0.7;
     position: absolute;
     bottom:0;
     top:0;
     z-index: 99999999999999999999999999999999999999999999999999999999999 !important;
     margin: auto;
     right:5.5vw;
     width:70px;
     height:70px;
}
 .fashion-nav1 {
     position: absolute;
     bottom:4vh;
     left:0;
     right:0;
     width:65vw;
     height:13vh;
     margin: auto;
}
 .fashion-nav1 div {
     margin-left: 1vw;
     margin-right: 1vw;
     opacity:1;
     -webkit-transition: all 1.8s ease-out;
     transition: all 1.8s ease-out;
}
 .fashion-nav1 div:focus {
     opacity:1 !important;
     outline: none !important;
     -webkit-filter: brightness(120%) !important;
    /* Safari 6.0 - 9.0 */
     filter: brightness(120%) !important;
}
 .slideingtop2 {
     width:auto;
     height:100%;
}
 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .slick-track:before, .slick-track:after {
     display: table;
     content: '';
}
 .slick-track:after {
     clear: both;
}
 .slick-loading .slick-track {
     visibility: hidden;
}
 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px;
}
 [dir='rtl'] .slick-slide {
     float: right;
}
 .slick-slide img {
     display: block;
}
 .slick-slide.slick-loading img {
     display: none;
}
 .slick-slide.dragging img {
     pointer-events: none;
}
 .slick-initialized .slick-slide {
     display: block;
}
 .slick-loading .slick-slide {
     visibility: hidden;
}
 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
}
 .slick-arrow.slick-hidden {
     display: none;
}
#hnymenu.width100menu {
	top: 0!important;
}
.nomorethan {
	width: 100%;	
	margin-top: 5vh;
    margin-bottom: 10vh;
}
.smxxnsgg {
	text-align: center;
	-moz-text-align-last: center;
    text-align-last: center;
}
.smxxnsgg a {
	color: #DE1C20
}
 .newxtitlemargin {
     margin-top: 20vh;
    margin-bottom: 5vh;
}



.pulse-button-whatsapp {

  position: fixed;
  bottom: 90px;
  right: 20px;
  outline: none;
  width: 50px;
  height: 50px;
  border: none;
  box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  border-radius: 50%;
  background-color: #f8f8f8;
  background-image: url(../img/iconfinder_social-01_3146791.png);
  z-index: 9999;
  background-size: 80%;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
  background-position: center;
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 65, 85, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 65, 85, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 65, 85, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 65, 85, 0);}}

@media (max-width: 500px) {
  .pulse-button-whatsapp, .pulse-button {
    display: block; 
  }
}