html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

/* Main Page */
/* ----------------------------------------------------------------------------------------------------------- */
#footer-white{
    padding: 20px;
    font-size: smaller;
    font-size: 20px;
    color: white;
    background-color: #00041f;
}
.footer-line {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding-right: 20px;
}
.footer-line-last{
    display: flex;
    justify-content: flex-start;
}
.footer-line-row{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}

/* Common */
/* ----------------------------------------------------------------------------------------------------------- */
.common-dropdown-list-normal{
    font-size: 28px;
    text-align: center;
    border-radius: 5px;
    width: 100px;
    height: 60px;
}
.common-product-image {
    width: 400px;
    height: 400px;
    object-fit: contain;
    padding: 20px;
    /* justify-content: space-evenly; */
    overflow: hidden;
    background-color: white;
    /* background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%; */
    border-radius: 30px;
}
.common-product-image-large {
    width: 650px;
    height: 650px;
    object-fit: contain;
    padding: 20px;
    overflow: hidden;
    background-color: white;
    border-radius: 30px;
}
.common-threeproduct-image {
    width: 250px;
    height: 250px;
    object-fit: contain;
    padding: 20px;
    /* justify-content: space-evenly; */
    overflow: hidden;
    background-color: white;
    /* background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%; */
    border-radius: 20px;
}
.common-productDetail-small-image {
    width: 200px;
    height: 200px;
    object-fit: contain;
    padding: 10px;
    /* justify-content: space-evenly; */
    overflow: hidden;
    background-color: white;
    border-radius: 30px;
}

.checkbox label:before {
    content: attr(data-off);
}
.checkbox {
    display: inline-block;
    position: relative;
    text-align: left;
    width: 120px;
    height: 80px;
    background-color: #222;
    overflow: hidden;
    -webkit-box-shadow: inset 0 1px 2px black, 0 1px 0 rgb(255 255 255 / 10%);
    -moz-box-shadow: inset 0 1px 2px black, 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 2px black, 0 1px 0 rgb(255 255 255 / 10%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.checkbox input {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 7;
}
.checkbox input:checked + label {
    margin-left: 60px;
    background-color: #034B78;
    color: white;
}
.checkbox input:checked + label:before {
    content: attr(data-on);
}
.checkbox label:before {
    content: attr(data-off);
}
.checkbox label {
    background-color: #3c3c3c;
    background-image: -webkit-linear-gradient( 
-40deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(-40deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(-40deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(-40deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient( 
-40deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 70%);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 70%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    width: 60px;
    text-align: center;
    font: bold 20px/80px Arial, Sans-Serif;
    color: #999;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 70%);
    -webkit-transition: margin-left 0.2s ease-in-out;
    -moz-transition: margin-left 0.2s ease-in-out;
    -ms-transition: margin-left 0.2s ease-in-out;
    -o-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
    margin: 1px;
}

.cc-nowrap {
    display: flex;
    align-items: stretch;
    justify-content: center;
}

svg:not(:root).svg-inline--fa {
    overflow: visible;
}

.searchbut {
    background-color: transparent;
    border: none;
    width: 100%;
    height: 100%;
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    width: 50%;
    height: 50%;
    overflow: visible;
    vertical-align: -.125em;
}

.css-title {
    font-size: 30px;
    font-weight: 700;
    font-style: normal;
    color: #F9F9FA;
}
.css-input {
    padding: 15px;
    font-size: 28px;
    border-width: 1px;
    border-color: #CCCCCC;
    background-color: #F9F9FA;
    color: #000000;
    border-style: solid;
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgb(66 66 66 / 41%);
    text-shadow: 0px 0px 0px rgb(255 255 255 / 0%);
    font-weight: 700;
    font-style: normal;
    color: #231F20;
}
.css-but {
    font-weight: 700;
    font-style: normal;
    color: #F9F9FA;
}
.formInputLabel{
    font-size: 36px;
}
.formTextField {
    width: 90%;
    left: 50%;
    margin-left: 0px;
    border-left: 0px;
    border-right: 10px;
    border-top: 7px;
    border-bottom: 10px;
    /* background-color: white; */
    background-color: darkgrey;
}
.formBut {
    background: url(/img/but.png);
    background-size: cover;
    left: 50%;
    margin-left: 0px;
    width: 500Px;
    height: 60px;
    box-shadow: none;
    border: 1px solid #D1D3D4;
    border-radius: 25px;
    font-weight: 900;
    font-size: 28px;
}
.formButBlue {
    background: url(/img/blue-but.png);
    background-size: cover;
    left: 50%;
    margin-left: 0px;
    width: 500Px;
    height: 60px;
    box-shadow: none;
    border: 1px solid #D1D3D4;
    border-radius: 25px;
    font-weight: 900;
    font-size: 28px;
}
.formButBluelight {
    background: url(/img/light-but.png);
    background-size: cover;
    left: 50%;
    margin-left: 0px;
    width: 500Px;
    height: 60px;
    box-shadow: none;
    border: 1px solid #D1D3D4;
    border-radius: 25px;
    font-weight: 900;
    font-size: 28px;
}
.signinGoogleBut {
    background: url(/img/signingoogle.svg);
    background-size: cover;
    left: 50%;
    width: 480px;
    height: 70px;
    box-shadow: none;
    border: none;
    border-radius: 10px;
    font-weight: 900;
}
.signinMetaMaskBut {
    background: url(/img/connectMetaMask.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 50%;
    padding: 0px;
    width: 480px;
    height: 80px;
    box-shadow: none;
    border: none;
    border-radius: 10px;
    font-weight: 900;
}
table {
    border-collapse: collapse;
}
td {
    display: table-cell;
    vertical-align: inherit;
    padding: 0px;
}
.underline-text{
    padding-top: 15px;
    padding-bottom: 10px;
    text-decoration-line: underline;
}

/* TopBar Style */
/* --------------------------------------------------------------------------------- */
#focustopbar{
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    table-layout:fixed;
    z-index: 8;
}

#waku-main{
    padding-top: 30px;
    /* padding-left: 25px;
    padding-right: 25px; */
    padding-bottom: 10px;
    background-color: #021226;
}

#waku-logobar{
    display: flex;
    position: relative;
    /* z-index: inherit; */
    height: 120px;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1px solid #021226;
    /* flex-flow: row nowrap; */
    justify-content: space-between;
    align-items: center;
}

.waku-logalbar-right{
    display: flex;
    position: relative;
}

.waku-login-text{
    display: flex;
    margin-left: 25px;
    margin-right: 5px;
    line-height: 48px;
    font-size: 32px;
    color: #fff;
    text-decoration:none;
    /* padding-left: 10px;
    padding-right: 10px; */
    align-items: center;
}

.waku-cart-img{
    padding-left: 10px;
    padding-right: 15px;
    align-self: center;
}

.cartProductItem{
    display: flex;
    height: 400px;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: center;
}

/* Overlay Menu */
/* ------------------------------------- */
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}
  
.overlay-content {
    display: flex;
    /* top: 25%; */
    width: 100%;
    text-align: center;
    margin-top: 30px;
    justify-content: space-around;
    padding: 50px;
}
  
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}
  
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}
  
  .overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
  }
  
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }   
}

/* Search Bar */
/* --------------------------------------------------------------------- */
.waku-searchbar-wrapper {
    display: flex;
    /* padding-bottom: 20px; */
    margin-bottom: 20px;
    height: 100px;
    padding-left: 25px;
    padding-right: 25px;
}

.waku-searchbar{
    /* display: block;
    padding: 2px 2px 2px 2px; */
    position: relative;
    /* height: 60px; */
    width: 100%;
    /* background: #232f3e;
    border-bottom: 1px solid rgba(0,0,0,.05); */
    /* margin-bottom: 0;
    flex: 1;
    z-index: inherit; */
}

.waku-search-fill{
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 15px;
}

.waku-search-field{
    height: 100px;
    margin: 0;
    position: relative;
    background: #fff;
}

.waku-search-field .waku-input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    direction: ltr;
    display: block;
    padding: 0 90px 0 20px;
    color: #000;
    font-size: 42px;
    border: 0;
    outline: 0;
    /* -webkit-box-shadow: 0 1px 0 0 rgb(255 255 255 / 50%), inset 0 1px 0 0 rgb(0 0 0 / 7%);
    -moz-box-shadow: 0 1px 0 0 rgba(255,255,255,.5),inset 0 1px 0 0 rgba(0,0,0,.07);
    box-shadow: 0 1px 0 0 rgb(255 255 255 / 50%), inset 0 1px 0 0 rgb(0 0 0 / 7%); */
}

.waku-searchbar .waku-searchbar-right{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.waku-search-submit {
    position: relative;
    height: 100px;
    width: 100px;
    border: 0;
    cursor: pointer;
}

.waku-search-submit .submit-input{
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 10;
    border: 0;
    background-color: transparent;
    text-indent: -1000px;
    line-height: 1px;
}

#dlmode-input{
    margin: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#menu{
    margin: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Menu Bar */
/* --------------------------------------------------------------------------------- */
.waku-scroll-menubar-horizontal{
    background-color: #023859;
    overflow: auto;
    white-space: nowrap;
    font-size: 30px;
    /* border-radius: 30px; */
}

.waku-scroll-menubar-horizontal a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 30px;
    text-decoration: none;
}
  
.waku-scroll-menubar-horizontal a:hover {
    background-color: #777;
}

/* Slide Show */
/* --------------------------------------------------------------------------------- */
#waku-banner-slideshow {
    width: 100%;
    position: relative;
    margin: auto;
    z-index: 0;
}

.prev, .next {
    cursor: pointer;
    position: absolute;
    /* top: 50%; */
    width: auto;
    /* padding: 32px; */
    padding-left: 32px;
    padding-right: 32px;
    /* margin-top: -150px; */
    /* color: black; */
    /* font-weight: bold; */
    font-size: 32px;
    transition: 0.6s ease;
    /* border-radius: 0 3px 3px 0; */
    user-select: none;
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
}

.text {
    color: #000;
    font-size: 10px;
    /* padding: 8px 12px; */
    /* position: absolute; */
    /* bottom: 8px; */
    width: 100%;
    text-align: center;
}

/* .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
} */

.dot {
    cursor: pointer;
    height: 24px;
    width: 24px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active, .dot:hover {
    background-color: #717171;
}

.fade {
    /* -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s; */
    animation-name: fade;
    animation-duration: 1.5s;
    width: 100%;
    height: 100%;
}

@-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

/* @media only screen and (max-width: 300px) {
    .prev, .next,.text {font-size: 11px}
} */

#bs .bs-helper {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.slide {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    /* top: 0; */
    transition: none;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective-origin: center;
    perspective-origin: center;
}

.slide>.slide-hover {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.slide>.eff-helper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.eff-helper {
    width: 100%;
    height: 100%;
}

.element {
    position: absolute;
    perspective-origin: center;
    -webkit-perspective-origin: center;
}

/* Information */
/* --------------------------------------------------------------------------------- */
.information{
    background-color: rgb(101, 101, 101);
}
.privacy{
    padding: 60px;
}

.banner1Bg{
    content: url(/imgs/1600pxMainHeader.png);
}

.banner2Bg{
    content: url(/imgs/secondBannerVer2.png);
}

/* Product */
/* --------------------------------------------------------------------------------- */
.waku-grid-product{
    margin-top: 3px;
    margin-bottom: 3px;
    /* background-color: #FFF; */
    overflow: auto;
    padding: 50px;
}
.waku-grid-product-column {
    /* float: left; */
    display: inline-grid;
    /* width: 49%; */
    width: 400px;
    height: 400px;
    /* align-self: center; */
    text-align: center;
    margin: 20px;
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    overflow: hidden;
    /* background-color: white; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    /* background-position: 50% 50%; */
}

.waku-grid-overlay-package {
    display: flex;
    justify-content: center;
    /* background-color: white; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    /* background-position: 50% 50%; */
    align-items: center;
}

.waku-gridthree-product-column {
    /* float: left; */
    display: inline-grid;
    /* width: 49%; */
    width: 250px;
    height: 250px;
    /* align-self: center; */
    text-align: center;
    margin: 20px;
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    overflow: hidden;
    /* background-color: white; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    /* background-position: 50% 50%; */
}

.waku-list-product-column{
    /* display: flex; */
    /* float: left; */
    width: 100%;
    /* align-self: center; */
    text-align: left;
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 20px;
    justify-content: space-evenly;
    font-size: 36px;
}

.waku-listbar-product-column{
    /* display: flex;
    display: inline-block;
    text-decoration: none;*/
    width: 400px;
    /* padding: 30px;*/
    margin: 15px;
    justify-content: space-evenly;
}

.waku-listbar-productDetail-column{
    /* display: flex;
    display: inline-block;
    text-decoration: none;*/
    width: 200px;
    /* padding: 10px;*/
    margin: 10px;
    justify-content: space-evenly;
}
  
.waku-grid-product-row {
    content: "";
    /* display: flex; */
    display: table-cell;
    /* width: 100%; */
    /* height: 100%; */
    text-align: center;
}

.waku-gridbar-product-row{
    /* background-color: #333; */
    overflow: auto;
    white-space: nowrap;
    text-align: center;
}

/* Cart Page */
/* ----------------------------------------------------------------------------------------------------------- */
#cartbottombar{
    position: fixed; /* Set the navbar to fixed position */
    bottom: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    table-layout:fixed;
    z-index: 1;
}
.cart-white-text{
    color: white;
    font-size: 32px;
    font-weight: bold;
}

#cartbar-main{
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    background-color: #021226;
}

#cartbar{
    display: flex;
    position: relative;
    height: 150px;
    width: 100%;
    border-bottom: 1px solid #021226;
    justify-content: space-between;
    align-items: center;
}

.cartbar-label{
    position: relative;
    padding-left: 10px;
    padding-right: 25px;
    justify-content: space-between;
}

.cartpaymentbtn{
    background: url(/img/but.png);
    background-size: cover;
    margin-left: 0px;
    border: 1px solid #D1D3D4;
    border-radius: 25px;
    font-size: 24px;
    width: max-content;
    height: 60px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0px 0px 10px 0px;
    color: white;
}

/* Product Page */
/* ----------------------------------------------------------------------------------------------------------- */
.pdoduct-main-detail-group{
    /* display: flex; */
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 30px;
    background-color: white;
    width: 100%;
}

.price-size-superscript {
    /* top: -10px; */
    position: relative;
    vertical-align: top;
    font-size: 30px;
    top: 8px;
    left: 10px;
}
.price-size-large{
    font-size: 100px;
    position: relative;
    /* left: -2px; */
    letter-spacing: -.15rem;
    font-weight: 300;
    margin-right: -7px;
    line-height: 1;
}
.price-size-normal{
    font-size: 70px;
    position: relative;
    /* left: -2px; */
    letter-spacing: -.15rem;
    /* font-weight: 300; */
    margin-left: 10px;
    margin-right: -7px;
    line-height: 1;
}

.preorder-button{
    border: 0;
    line-height: 2.5;
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 25px;
    text-align: center;
    color: #000;
    /* text-shadow: 1px 1px 1px rgb(255, 255, 255); */
    border-radius: 20px;
    background-color: rgb(255, 247, 162);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}
.preorder-button:hover {
    background-color: rgb(255, 247, 162);
}
.preorder-button:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}

/* Payment Page */
/* ----------------------------------------------------------------------------------------------------------- */
.waku-payment-canvas{
    display: flex;
    /* align-self: center; */
    /* text-align: center; */
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 24px;
    flex-direction: column;
    /* flex-wrap: wrap; */
    /* align-items: center; */
    /* align-content: stretch; */
}

.payment-ship-title{
    display: flex;
    justify-content: space-between;
    font-size: 40px;
    padding: 10px;
    /* padding-left: 50px;
    padding-right: 50px; */
}
.payment-textfield{
    align-self: center;
    background-color: white;
    /* padding: 20px; */
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 10px;
    border-radius: 30px;
    font-size: 26px;
    text-align: center;
    width: 100%;
}
.payment-total-parices{
    color: crimson;
    font-weight: bold;
    padding: 10px 0 10px 0;
}
.payment-other-coins{
    font-size: 20px;
}
.payment-column{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 40px;
    font-weight: bold;
    /* border-top-color: initial;
    border-top-style: solid;
    border-top-width: initial; */
    /* border-right-color: initial;
    border-right-style: solid;
    border-right-width: initial; */
    border-bottom-color: initial;
    border-bottom-style: solid;
    border-bottom-width: initial;
    /* border-left-color: initial;
    border-left-style: solid;
    border-left-width: initial; */
    /* border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial; */
}

/* Rate */
/* ----------------------------------------------------------------------------------------------------------- */
.rate > input {
    display: none;
}
.rate > label {
    float: right;
}
.rateSelected {
    color: #eb9316;
}
.rate > label:before {
    display: inline-block;
    font-size: 2rem;
    padding: 0;
    margin: 0.1rem;
    cursor: pointer;
    width: 50px;
    content:url("/img/starfull.svg");
}
.rate .half:before {
    content:url("/img/starhalf.svg");
    /* position: absolute; */
    padding-right: 0;
    width: 50px;
    margin: 0.1rem;
    -webkit-transform: rotateY(180deg);
    /* -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg); */
}


/* Login Page */
/* ----------------------------------------------------------------------------------------------------------- */
.logo{
    width: 640px;
    content:url("/img/logoo.svg");
}
.waku-logincanvas{
    display: block;
    align-self: center;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.loginFormContainer {
    max-width: 340px;
    background-color: transparent;
    margin: 0 auto;
}
.loginForm {
    background-color: transparent;
    margin: 0 auto;
    width: 680px;
}
.loginFormTable {
    text-align: center;
    background-color: transparent;
    width: inherit;
    line-height: 1.5;
}

.formTitle {
    color: White;
    text-align: center;
    line-height: 80px;
    font-size: 36px;
}
.form11 {
    height: 80px;
    background: rgb(0,0,0);
    border-radius: 20px 0 0 0;
    -moz-border-radius: 20px 0 0 0;
}
.form21 {
    width: 100%;
    height: 80px;
    background: rgb(0,0,0);
}
.form31 {
    height: 80px;
    background: rgb(0,0,0);
    border-radius: 0 20px 0 0;
    -moz-border-radius: 0 20px 0 0;
}
.form12 {
    width: 20px;
    height: 500px;
    border-left: 5px solid rgb(0, 0, 0);
}
.form22 {
    height: 500px;
}
.form32 {
    width: 20px;
    height: 500px;
    border-right: 5px solid rgb(0,0,0);
}
.form13 {
    height: 20px;
    border-left: 5px solid rgb(0,0,0);
    border-bottom: 5px solid rgb(0,0,0);
    border-radius: 0 0 0 20px;
}
.form23 {
    width: 100%;
    height: 20px;
    border-bottom: 5px solid rgb(0,0,0);
}
.form33 {
    height: 20px;
    border-right: 5px solid rgb(0,0,0);
    border-bottom: 5px solid rgb(0,0,0);
    border-radius: 0 0 20px 0;
}
.form42 {
    width: 20px;
    height: 900px;
    border-left: 5px solid rgb(0, 0, 0);
}
.form52 {
    height: 900px;
    width: 640px;
}
.form62 {
    width: 20px;
    height: 900px;
    border-right: 5px solid rgb(0,0,0);
}
.formLink {
    margin-left: 0px;
    font-weight: 900;
    font-style: normal;
    font-size: 28px;
    /* color: #231F20; */
    text-decoration: underline;
}
.formText {
    margin-left: 0px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    /* color: #231F20; */
}
*, *::before, *::after {
    box-sizing: border-box;
}

.formTextNoLine
{
    text-decoration:none
}

.personalform-control{
    width: 90%;
    height: 60px;
    font-size: 30px;
}

.owl-theme .active {
    background: transparent;
}

.singleline{
    width: 100%;
    text-align: left;
    margin-left: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid rgba(111,111,111);
}
/* ----------------------------------------------------------------------------------------------------------- */
.list-30p {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    justify-content: space-around;
}

.list-item-30p-space {
    flex: 0 0 30%;
    border-radius: 25px;
    width: 30%;
    padding-top: 1.65%;
}

.list-item-30p {
    border-radius: 25px;
    border: 4px dotted gray;
    position: relative;
    display: block;
    width: 30%;
    padding-top: 30%;
}

.list-inside {
    position: absolute;
    /* background-color: green; */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10%;
    padding-top: 0%;
    text-align: center;
    font-size: 20px;
    color: white;
}

.list-image {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.list-title {
    color: #2d70ae;
    width: 100%;
    /* padding-left: 15%; */
    font-size: 28px;
    font-weight: 700;
    /* text-align: left; */
    text-align: center;
}

.list-text {
    color: #2d70ae;
    width: 100%;
    padding-left: 15%;
}

/* Common Important*/
/* ----------------------------------------------------------------------------------------------------------- */
.logoBlack{
    width: 640px;
    content:url("/img/logow.svg");
}
.bgWhite {
    /* padding-top: 10px; */
    background-color: #f2f2f2;
    color: black;
}
.bgBlack {
    /* padding-top: 10px; */
    background-color: #181818; /*!important;*/
    color: #fefefe; /*!important;*/
}
.fontTextbWhite{
    color: black;
}
.fontTextbBlack{
    color: #fefefe;
}
.privacyBgDisable{
    display: none;
}
.productDetailOverlay{
    background: rgba(0, 0, 0, 0.0);
}
.productOverlay{
    background: rgba(0, 0, 0, 0.0);
}
.productSlideOverlay{
    background: rgba(0, 0, 0, 0.0);
}
.productSmallOverlay{
    background: rgba(0, 0, 0, 0.0);
}
.productDetailSmallOverlay{
    background: rgba(0, 0, 0, 0.0);
}
.productDetailOverlayYes {
    width: 670px;
    height: 670px;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    border: 5px solid black;
    border-radius: 30px;
}
.productOverlayYes {
    width: 420px;
    height: 420px;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    border: 5px solid black;
    border-radius: 30px;
}
.productSlideOverlayYes {
    width: 405px;
    height: 405px;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    border: 8px solid black;
    border-radius: 30px;
    /* background-color: white; */
}
.productSmallOverlayYes {
    width: 260px;
    height: 260px;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    border: 10px solid black;
    border-radius: 30px;
    /* background-color: white; */
}
.productDeatilSmallOverlayYes {
    width: 220px;
    height: 220px;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    border: 5px solid black;
    border-radius: 30px;
    /* background-color: white; */
}

.banner1Bg_Black{
    content: url(/imgs/1600pxNightMainHeader.png);
}

.banner2Bg_Black{
    content: url(/imgs/secondBanner.png);
}
/* bottom css will be replace top css */