/* BASIC PAGE SETUP ------------------------------- */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 11px;
    line-height: 2.3em;
}
body { margin: 0 auto; color: #717171; }
.labelcontentedit{
    width: 100%;
    height: 100%;
    word-break: break-word;
    overflow-y: auto;
}
body, .page {
    margin: 0;
    padding: 0;
    font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    /*min-height: 100vh;*/
}
.page, .body_container {
    position: relative;
    margin: 0 auto;
}
iframe {
    border: none !important;
}
textarea { 
    min-height: 100px;
}
input, textarea, select {
    color: #333333;
    border: 1px solid #ccc;
    padding: 0.5em;
    background-color: #ffffff;
}
select{ height:30px; }
input::-moz-focus-inner { border: 0; }
input[disabled="disabled"], input.disabled, input:disabled{
    color: #999999;
    background: #e6e6e6;
    -moz-box-shadow: inset 0 0 2px #ddd;
    -webkit-box-shadow: inset 0 1px 2px #ddd;
    box-shadow: inset 0 1px 2px #ddd;
}
.login_layer input:disabled{
    cursor: not-allowed;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button {
    border:0;
    cursor: pointer;
    text-decoration: none;
}
input[type="checkbox"], input[type="radio"] {
    margin: 0 7px 0 0;
}
input:not([type="button"]).full100, textarea.full100, select.full100 {
    width: 100%;
}
input:not([type="button"]).full, textarea.full, select.full {
    width: 95%;
}
input:not([type="button"]).long, textarea.long {
    width: 80%;
}
input:not([type="button"]).middle, textarea.middle, .middle {
    width: 50%;
}
input:not([type="button"]).short, textarea.short, .shortinput {
    width: 20%;
}
#PhoneNumber, .phonecode > span > input[type="text"]{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
#PhoneCode, #phonecountrybox{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"], select, textarea{
    border-radius: 0.5em;
}
button:focus, button:active:focus, input:focus, input:active:focus, .button:focus, .button:active:focus, select:focus, select:active:focus, textarea:focus, textarea:active:focus, a.button:focus, a.button:active:focus {
    outline: 0 none;
}
input[type="number"]{
    width: 60%;
    min-width: 50px;
}
.BotSideMenuOn, .BotSideMenuOff{ display: none; }
.MainCountdown {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
}
.subcat_main_img + .MainCountdown {
    margin-top: -18px;
}
.TextCountdown{
    padding-top: 1em;
    line-height: 1em;
    display: inline-block;
    font-size: 1.5em;
}
.SubCountdown{
    padding: 2.5em;
}
.ExpCountdown{
    padding: 0.5em;
}
.BoxTime{
    padding: 0 15px;
    display: inline-block;
    border-right: 1px solid #C7C7C7;
}
.TextBoxTime{
    font-weight: bold;
    font-size: 1em;
}
.BoxTime:last-child{
    border-right: 0;
}
.Countdown{
    font-weight: bold;
    line-height: 1em;
    font-size: 1.5em;
}

#labelCue:checked ~ .cusLabel{
    visibility: hidden;
    overflow: hidden;
    height: 0px;
    opacity: 0;
    transition: visibility 0s 1s, opacity 1s linear;
    -webkit-transition: visibility 0s 1s, opacity 1s linear;
    -moz-transition: visibility 0s 1s, opacity 1s linear;
    -o-transition: visibility 0s 1s, opacity 1s linear;
}
.cusLabel{
    visibility: visible;
    overflow: hidden;
    opacity: 1;
    transition: opacity 2s linear;
}
.boxColumn > div {
    display: inline-block;
    padding: 0 2.5em 0 5px;
}
.padding-ten{ padding: 10px; }
.padding-5 { padding: 5px; }
.pointer, .close_content {
    cursor: pointer;
}
blockquote {
    margin: 30px 20px 0 30px;
    overflow: hidden;
    line-height: 1.4em;
}
blockquote .column p {
    line-height: 1.4em;
}

/*  HEADINGS ------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-weight : bold;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
h1 {
    font-size: 1.4em;
    line-height: 1.4;
}
h2 {
    margin-bottom: .5em;
    font-size: 1.3em;
    line-height: 1.2;
}
h3 {
    letter-spacing: -1px;
    font-size: 1.2em;
    line-height: 1.3;
}
h4 {
    font-size: 1.1em;
    line-height: 1.25;
}
h5 {
    font-size: 1em;
}
h6 {
    font-size: 1em;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-weight: 400;
}
.fa-size{ font-size: 2.3em !important; }
.fa-size-small{ font-size: 8pt !important; }
.fa-2x{ font-size: 2em !important; }
.fa-lg {
    font-size: 1.33em !important;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa.socialcell, .fab.socialcell, .far.socialcell{
    font-weight: 400 !important;
    /*font-family: 'FontAwesome';*/
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.positionText-Top {
    vertical-align: top;
}
.DiscountLayer{
    width: 100%;
    display: none;
    position: absolute;
    visibility: hidden;
    z-index: 5;
    height: auto;
    max-height: 150px;
    border: 1px gray solid;
    background-color:#f7f6f2;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-sizing: border-box;
    padding: 2px;
    text-align: left;
    margin: 15px auto;
}
.DiscountLayer >div{
    white-space: normal;
    padding: 20px 10px 30px 10px;
    box-sizing: border-box;
}
.DiscountLayer .btn_Close{
    cursor: pointer;
    display: block;
    text-align: right;
    padding-right: 0 !important;
}

/*  TYPOGRAPHY  ------------------------------- */
p, ol, ul, dl, address {
    margin-bottom: 1.5em;
}
p.center {
    text-align: center;
}
p.lineheightCh{
    line-height: 2.5em !important;
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
li ul, li ol {
    margin: 0;
}
hr {
    height: 1px;
    border: 0;
}
hr.line2px {
    height: 2px;
}

/* LINKS ------------------------------- */
a, .linkstyle {
    text-decoration: underline;
    cursor: pointer;
}

/* IMAGES ------------------------------- */
img {
    border: 0;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
.product_img *:not(.on_zoom) img, .product_img > img{
    max-width: 100%;
}

.set-img-zoom {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
}

/* FORMS ------------------------------- */
label {
    font-weight: normal;
    display: block;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
}
.phone_type label, .inline_label {
    display: inline-block !important;
}

/*  GLOBAL OBJECTS  -------------------------------  */
.floatleft {
    float: left !important;
}
.floatright {
    float: right !important;
}
.clearboth {
    clear: both;
}
#MainHeaderArea ul, #MainHeaderArea2 ul, #MainContentArea, #MainContentArea2, .footer-container > *, .contentwidth {
    margin-left: auto !important;
    margin-right: auto !important;
}
.div-center, .footer_row {
    margin: 0 auto !important;
}
.text-left, .textSpecification, .first-invoice-table ul li {
    text-align: left !important;
}
.text-right, .first-invoice-table ul li.invDetail {
    text-align: right !important;
}
.text-center, .invoiceTable ul li ul .invImage, .return_header .Cell3, ul.bottomheader li {
    text-align: center !important;
}
.text-underline {
    text-decoration: underline !important;
}
.none-underline {
    text-decoration: none;
}
.text-red, .color-red {
    color: #ff0000 !important;
}
.text-purple {
    color: #ba00ff !important;
}
.color-blue{
    color: blue !important;
}
.color-black, .text-black{
    color: black !important;
}
.color-yellow{
    color: #FFCC00 !important;
}
.color-green, .text-green{
    color: green !important;
}
.BG-white{
    background-color: white;
}
.BG-darkgray{
    background-color: #747473;
}
.BG-lightyellow{
    background-color: #ffffe0;
}
.show_message {
    display: none;
    position: fixed;
    top: -120px;
    padding: 15px 5px 15px;
    width: 114px;
    color: #FDDAFD;
    text-align: center;
    background-color: #808080;
    z-index: 10000;
    font-size: 11px;
    line-height: 20px;
}
.show_message-right {
    position: fixed;
    top: 40px;
    right: 40px;
    padding: 15px;
    line-height: 1.6em;
    color: #0DBC78;
    background-color: #ABF5D8;
    border: 1px solid #81E6BE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    z-index: 15;
    max-width: 250px;
}
.visible {
    visibility: visible;
    opacity: 1;
}
/* Fade-Out Effect */
.hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 1s, opacity 1s linear;
    -moz-transition: visibility 0s 1s, opacity 1s linear;
    -ms-transition: visibility 0s 1s, opacity 1s linear;
    transition: visibility 0s 1s, opacity 1s linear;
}
.span_hidden {
    visibility: hidden;
    opacity: 0;
}
.badWord {
    display: none;
}
.div-hidden, .iframe_content .ifame_hidden, .overlay_content .ifame_hidden, .moblieShow, .moblieShowHeader, .small-size, .mobile-cell {
    display: none !important;
}
.div-visible {
    display: block !important;
}
.mobile-visible {
    display: none !important;
    position: static !important;
}
.x-gap {
    clear: both;
    margin: 1.313em 0;
    border-color: transparent;
    background-color: transparent;
}

/* FIXED SLIDE STYLE -------------------------------  */
.fixslide_left{
    position:fixed;
    overflow:hidden;
    top:0px;
    left:0px;
    width:30%;
    height:100%;
    margin:0px;
    padding:0;
}
.fixslide_right{
    position:absolute;
    overflow:hidden auto;
    top:0;
    right:0;
    width:70%;
    padding:0;
}
.fixslide .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fixslide .content-box{
    position: absolute;
    top:0;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: auto;
    display: flex;
    flex-direction: row
}
.fixslide .content-box > div{
    padding: 25px;
    max-height:100%;
}
.fixslide .content-box p{
    text-align: left;
}
.fixslide_ordering{
    overflow: auto !important;
}

/* CONTENT STYLE -------------------------------  */
.container {
    margin: 0 auto;
    line-height: 1.3em;
    clear: both;
    height: 100%;
    /*overflow: hidden;*/
}
.content-container {
    text-align: left;
    margin: 0 auto;
    position: relative;
}
.content-container h2, .content-container h3, .content-container h4, .content-container h5, .content-container h6 {
    text-align: center;
    margin: 20px 0;
    text-decoration: none;
}
.customblock h1, .customblock h2, .customblock h3, .customblock h4, .customblock h5, .customblock h6 {
    font-weight : normal;
    text-align: left;
    margin: 0;
}
#InformationContent ul, #InformationContent ol, .customblock ul, .customblock ol, .more_details ul, .more_details ol{
    list-style-type: inherit;
    margin: auto;
    padding-left: 40px;
}
#InformationContent ol, .customblock ol, .more_details ol{
    list-style-type: decimal;
}
#InformationContent div.topic_info:not(:first-child){
    padding-top: 50px;
}
.content-wrap, .margintTB15 {
    margin: 15px 0;
}
#MainContentArea #RegisterForm, #MainContentArea2 #RegisterForm {
    margin: 0;
}
#MainContentArea > .contentwidth {
    margin: 5px auto !important;
}
.page_nav .menu_selected {
    padding: 1px 2px 3px;
}
.page_section_name {
    text-transform: uppercase;
    text-align: left;
    font-size: 19px !important;
    padding: 15px 0px;
}
.order_notice{
    text-align: center;
    font-size: 19px !important;
    margin: 50px 0px 20px;
}
.iframe_content .page_section_name, .margin_top {
    margin-top: 15px;
}
.row {
    padding: 10px 10px 0 1rem;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
}
.notice_load {
    position: absolute;
    top: 0;
    margin: 0px 60px;
}
.notice_style_lineheight {
    padding-top: 5pt;
    padding-bottom: 5pt;
}
.DetailOne {
    width: 8%;
    display: inline-block;
    vertical-align: top;
    margin-top:5px;
}
.DetailTwo {
    width: 90%;
    display: inline-block;
}
.DetailThree {
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    text-align: center;
    top: 5px;
    vertical-align: top;
    margin-bottom: 10px;
}
.notice_text {
    margin: 0;
    margin-left: 10px;
}
.notice_width {
    width: 100%;
    padding: 0 10px;
}
.notice_text {
    margin: 0;
    margin-left: 10px;
}
.notice_text {
    margin: 0;
    margin-left: 10px;
}
.notice_padding_left {
    padding-left: 5px;
}
.notice_button {
    margin: 0;
}
.notice_button > button{
    padding: 6px 15px;
    white-space: nowrap;
}
.notice_loading{
    width: 7em;
}

/* SEARCH PAGE STYLE -------------------------------  */
.search_info {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 10px 0 0;
}
.search_info > ul > li:not(:first-child) {
    border-left: 1px solid #ccc;
}
.overflow-hidden, .footer-container, .intro_survey {
    overflow: hidden;
    clear: both;
}
.menuMobile{
    -webkit-overflow-scrolling: touch;
}
.inline_block {
    display: inline-block;
}
.no_margin {
    margin: 0 !important;
}
.margin-top{
    margin-top: 1.5em;
}
.margin-bottom{
    margin-bottom: 2.5em !important;
}
.paddingleft{
    padding-left: 20px;
}
.paddingY{
    padding-top: 20px;
}
.text-bold, .product_code, .myaccount-option_body label{
    font-weight: 600;
}
.nowrap li, .nowrap {
    white-space: nowrap;
}

/* for return Product */
.return-checked{
    background-color: #FFE9D4;
}
.returnList {
    margin-bottom: 20px;
}

/* for status report */
.main_account .statusreport_page ul {
    padding-left: 0 !important;
}
.statusreport_page figure.product_img {
    margin-right: 3px;
}
.textSpecification, .detail-info, .pdf-Weight ul li.fullblock {
    display: block !important;
    width: 100%;
    margin: 0;
    text-align: center;
}
.spec_column {
    width: 30%;
}
li.imageSet.pdf-width {
    float: right;
    width: 10%;
    padding-right: 10px !important;
}
.inTable ul .pdf-headW {
    width: 15%;
    text-align: center;
}
.inTable ul .pdf-headQty {
    width: 23%;
}
.inTable ul .pdf-infoHead{
    width: 38%;
    min-width: 67px;
}
.report-head{
    padding-left: 5px;
    margin-bottom: 1em;
}
.pdf-text, .pdf-headPrice, .pdf-headTotal {
    text-align: left;
}

/* for label edit */
.LabelMarginCode {
    margin-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.LabelMarginDetail {
    margin-bottom: 1em;
}
.UserStatus {
    padding-top: 3px;
    color: #17801E;
}
.FactoryStatus {
    padding-top: 3px;
    color: #1223FF;
}
.FontSizeStatus{
    font-size: 0.90em !important;
}
.ActionButton {
    padding-bottom: 3px;
    text-align: right;
    font-weight: 600;
}
.TemplateLabel {
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    width: 250px;
    height: 180px;
    float: left;
    width: 90%;
}
.LabelImg, .Label4Button, .LabelDetail {
    width: 100%;
    text-align: center;
}
.LabelButton {
    width: 100%;
    padding: 3px 15px 3px 15px;
}

/* for div RESERVE QUANTITY and BE INFORMED in productdisplay page */
.img_arrow{
    font-weight: 100 !important;
    font-size: 35pt !important;
    position: absolute;
    top: 40%;
    padding: 5px;
    z-index: 13;
    color: #858585;
}
.img_arrow.fa-angle-left{
    left: 3px;
}
.img_arrow.fa-angle-right{
    right: 3px;
}

p.no_padding_bottom, #WarrantyContent {
    margin-bottom: 0px !important;
}
.Temporarily-Sold-Out{
    text-align: center;
    font-weight: 600;
}
.box-reserve-qty{
    overflow: hidden;
    padding: 10px 10px 0px 10px;
    margin: 0px;
}
.link-padding{
    padding-top: 4px;
    display: block;
    line-height: 1.5em;
}
.slide_content{
    /*    transition: height 1s ease-out;*/
    height: 0;
    overflow: hidden;
}
.product_display_position {
    position: absolute;
    width: auto;
    z-index: 10;
    font-size: 0.95em;
    line-height: 1.5em;
    left: 0;
    right: 0;
}
.product_reserve_mouseover {
    position: absolute;
    margin-top:15px;
    left: 0;
    right: 0;
    top: -10px;
    z-index: 11;
    width: 100%;
    background-color: #ffffff;
    visibility: hidden;
    border: 1px solid;
    padding: 7px;
}
.product_display_slide {
    padding: 10px;
    font-size: 0.95em;
    border: 1px solid transparent;
}
.order_more_detail_slide {
    margin-bottom: 5px;
    padding: 0px 10px 10px 10px;
    border: 1px solid #ccc;
    font-size: 0.95em;
    width: 100%;
}
input[type="text"].reserve_qty {
    text-align: center;
    font-size: 0.95em;
    height: 22px;
    width: 40px;
}
input[type="button"].reserve_sub {
    font-size: 0.95em;
    padding: 3px 7px 3px 7px;
    margin-left: 10px;
}
@-webkit-keyframes spaceboots {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
/* ---------------------------------------------- */

/*----------------- SIDE BAR ----------------------*/
h2.shopbycat{
    clear: both;
    padding: 30px 0 0;
}
.media-slide.site-swiper{
    padding-bottom: 45px;
}
.media-slide .swiper-slide{
    background-position: right;
    background-size: cover;
    line-height: 1.2em;
    width:100% !important;
    text-align: left;
    margin: 0;
}
.media-slide .swiper-slide > div{
    width: 100% !important;
}
.media-slide .swiper-slide > div > p{
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
}
.media-slide > .swiper-pagination{
    bottom: 20px !important;
}
.media-slide > .fa:before{
    font-size: 2em !important;
    font-weight: 500;
}
.media-slide > .swiper-button-prev, .media-slide > .swiper-button-next{
    top: auto !important;
    bottom: -5px;
    text-align: center;
    vertical-align: middle;
}
.media-slide > .swiper-button-prev{
    left: 41%;
}
.media-slide > .swiper-button-next{
    right: 41%;
}
.slide-img-positon{
    overflow: hidden;
}
.slide-img-positon >img{
    position: relative;
    z-index: 2;
    margin: 0 auto;
}
.slide-img-positon >div{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}

.site-swiper{
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    height: 100%;
}
.site-swiper .swiper-slide img{
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
}
.site-swiper .swiper-slide > p{
    position: absolute;
    bottom: 0;
    background: white;
    padding: 15px;
    margin: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
}
.site-swiper.swiper-container-horizontal> .swiper-pagination-bullets{
    bottom: 0;
}
.swiper-button-prev:focus, .swiper-button-next:focus{
    outline: none;
}
.shopping_link {
    line-height: 1.5em;
}
.product_page, .tag_icon {
    margin: 0;
}
.tag_icon {
    min-width: auto !important;
    vertical-align: middle;
}
.product_page.table > .row { overflow: inherit;  }
.product_sublist {
    overflow: hidden;
}
.product_sublist ul li {
    margin: 0 0 5px;
}
.more_style {
    margin: 6px 0;
}
.subcat_main_img {
    margin: 5px 0 15px;
    text-align: center;
}
.product_area {
    margin: 0 auto;
}
.product_content hr {
    height: 0px;
}
.collection_info, .custom_header, .search_collection{
    font-size: 2em;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
    font-weight: 400;
    margin: 15px 0;
}
.product_content .collection_info{
    margin-top: 0.2em;
}
.pagetrack { margin: 5px 0; }
.ordering_page .pagetrack{ margin: 5px; }
.ordering_page{ margin-top: 20px; }
.pagetrack a{ text-decoration:none; }
.pagetrack+.collection_info{
    margin: 0;
}
.collection_info+.TopOfPage{ margin-top:10px; }
#MainSideMenu, #MainProductArea{
    margin-top: 30px;
}

/* page navigator */
.menu_disable{
    opacity: 0.3;
    cursor: none;
    pointer-events: none;
}
.page_navigator {
    float: right;
    margin-bottom: 15px;
}
.page_navigator a, a.checkoutstep, .page_nav a, .back_to_top a, a.fa {
    text-decoration: none;
}
.page_navigator-bottom {
    clear: both;
    text-align: center;
}
.page_nav {
    display: inline-block;
}
.page_nav > li {
    padding-right: 0;
    display: inline-block;
}
.page_nav > li:not(:last-child) {
    padding-right: 6px;
}
.more_page, .more_page-bottom {
    position: absolute;
    left: -3px;
    top: -2px;
    overflow-y: auto;
    visibility: hidden;
    background-color: #ffffff;
    border: 1px solid #D9CAA7;
    min-width: 2.5em;
    max-height: 250px;
    z-index: 10;
}
.more_page.page_option-big, .more_page-bottom.page_option-big {
    min-width: 4em;
    left: -13px;
    z-index: 10;
}
.more_page-bottom {
    position: absolute;
    top: auto;
    bottom: 13px !important;
    min-width: 2.5em;
    max-height: 250px;
}
.page_option > li > a {
    width: 100%;
    margin: 2px auto !important;
    padding: 1px 0;
    cursor: pointer;
    text-align: center;
    display: block;
}
.page_option > li > a:hover {
    background-color: #D9CAA7;
}
.manageitemArea {
    position: absolute;
    visibility: hidden;
    z-index: 7;
    text-align: left;
    top: 15px;
    width: 70%;
    margin: 0 15%;
    min-width: 200px;
}
.item_wishlist {
    padding: 4px;
    border: 1px solid #BFBFBF;
    font-weight: normal !important;
    font-size: 11px;
    background-color: #FAFAFA;
}
.item_wishlist span {
    cursor: pointer;
}
.item_history {
    padding: 4px;
    border: 1px solid #BFBFBF;
    background-color: #fff;
    position: absolute;
    width: 103%;
    z-index: 6;
    font-size: 0.95em;
    line-height: 1.5em;
    visibility: hidden;
}
.product_wrap {
    padding: 5px 0;
    font-size: 0.95em;
}
.product_wrap p {
    margin: 0 0 7px;
}
.product_info {
    margin: 0 auto;
    min-width: 200px;
}
.product_img{
    text-align: center;
    margin: 0;
    line-height: 0;
    padding: 2px;
    display: inline-block;
    background-color: #ffffff !important;
    border: 1px solid #cccccc;
}
.related_list .product_img{ display: inline-block; }
.minitext {
    font-size: 0.95em;
    text-align: center;
}
p.shopping_link, p.discontinued_link{
    margin: 15px auto 0px auto;
}
p.makeoffer_link {
    margin: 15px auto;
}
.tag_display {
    float: left;
    width: 100%;
    position: relative;
    padding: 5px 0 5px;
}
.dicount_price {
    padding: 3px;
    border: 1px solid #C0C0C0;
    background-color: white;
}
.back_to_top {
    right: 0;
    position: fixed;
    visibility: hidden;
    z-index: 8;
    top: calc(85%);
    top: -moz-calc(85%);
    top: -o-calc(85%);
    text-align: center;
    width: fit-content;
}
.product_mouseover{
    position:relative;
    max-width:300px;
}
.product_details {
    margin-top:15px;
    position: absolute;
    left: -15px;
    right: -15px;
    top: -10px;
    z-index: 11;
    visibility: hidden;
    border: 1px solid;
    padding: 7px;
}
.product_details p {
    margin: 3px 0;
}
.counpon_mouseover{
    position:relative;
}
.counpon_detail{
    position: absolute;
    right: 0px;
    top: 0px;
    border: 1px solid;
    padding: 4px;
    visibility: hidden;
    text-align: right;
    background: #ffffff;
    z-index: 1;
}
.counpon_detail p{
    margin:0;
}


.discontinued_link {
    color: #ff0000;
    font-weight: bold;
}
.cart_dashed_line {
    border-bottom: 1px dashed;
    margin-bottom: 1.5em !important;
    float: right !important;
    clear: both;
}
.column.third.carttotal {
    float: right;
    text-align: right;
    white-space: nowrap;
}
body:not(.onmobile) .imgover{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}


/*----------------- CONTACT PAGE ----------------------*/
.border {
    overflow: hidden;
    margin: 0 auto 20px;
    padding: 10px;
    border: 1px solid #cccccc;
}
.left-label-form label {
    margin: 5px 0 0;
}
.marginAll15 {
    margin: 1.5em;
}

.thin, .setlabel_page .myaccount-border label {
    font-weight: 400 !important;
}
.ordering-nav .button, .ordering-nav button, .cart_page .button, .cart_page button {
    min-width: 140px;
    min-height: 45px;
}

/*  mylists page  ------------------------------- */
.mylist_page .product_sublist .column {
    margin-bottom: 0.8em;
}
.product_sublist.border p {
    margin-bottom: 0.6em;
}
.padding-left {
    padding-left: 20px;
}
.orderdetails_row, .orderstatus_row {
    overflow: hidden;
    padding: 10px 10px 0;
    margin: 0 !important;
}
.orderdetails_row .column {
    margin: 0 !important;
}

/*  orderstatus page  ------------------------------- */
.orderstatus_page .myaccount-body {
    padding: 5px !important;
}

div.orderstatus_row:nth-child(odd) {
    background: transparent;
}

/* account */
.myaccount_header, .show_msg {
    float: left;
    margin-bottom: 10px;
}
.show_msg {
    width: 100%;
    padding: 15px 0px 10px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    color: #ff0000;
    font-weight: bold;
}
.main_account p {
    line-height: 1.3em;
}
.myaccount-border, .myboxborder {
    margin-bottom: 1.5em;
    border: 1px solid #BEBDBB;
    width: 100%;
    overflow: hidden;
    line-height: 1.5em;
}
.myboxborder{
    font-size: 13px;
}
.myboxborder .myaccount-header{
    background-color: #f0ede8;
    color: inherit;
}
.myaccount-border label, .iframe_content .setlabel_page .myaccount-border label {
    display: inline-block;
    font-weight: bold;
}
.iframe_content .myaccount-border label {
    display: block;
}
.iframe_content .column.fourth.mobile-hidden { /*, .theme_layer-container .mobile-hidden*/
    display: none;
}
.myaccount-option_body, .myaccount-menu {
    margin: 1em 1.5em;
    clear: both;
}
.myaccount-footer {
    padding: 1.5em 10px 10px;
    clear: both;
}
.myaccount-body {
    overflow: hidden;
    clear: both;
    text-align: left;
    padding: 5px;
}
.myaccount-header.no_margin {
    margin: 0;
}
.main_account ul li {
    margin: 0 0 1em;
}
.myaccount-menu {
    list-style: disc;
}
.main_account ul, .myaccount-menu {
    padding-left: 2em;
}
.main_account ul.page_option {
    padding-left: 0;
}

/*  ordering page  ------------------------------- */
#IframeContent .return_margintop {
    margin-top: 35px;
}
#resizeLinkBottom {
    text-align: right;
    margin: 0 15px 20px 0;
}
#resizeLinkBottom.resizeONordering {
    position: absolute;
    bottom: 50px;
    right: 0;
    z-index: 10;
}

/*  cart page  ------------------------------- */
.item_row {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
    height: auto;
}
.padding_bottom_10 {
    padding-bottom: 10px;
}
.item_row > div.column {
    padding-bottom: 10px;
}
.item_row > div.column, .item_row > div > div {
    vertical-align: bottom;
    display: table-cell;
    height: 100%;
    float: none;
}
.table, .displaytable, .socialtable { display: table; }
.table, .displaytable { width: 100% !important; }
.displaytable > ul, .displayrow, .socialrow, .table .row {
    display: table-row !important;
    width: 100% !important;
}
.tablecolumn, .displaycolumn, .socialcell {
    vertical-align: bottom !important;
    display: table-cell;
    height: 100%;
    float: none;
    padding-top: 5px;
}
.displaytable > ul > li {
    display: table-cell;
    padding: 10px;
    width: 25%;
}
.displaytable.threecolumn > ul > li {
    padding: 10px 0;
    width: 33%;
}
.verticaltop, .displaycolumn.verticaltop{ vertical-align:top !important;  }
.socialcell{ vertical-align:middle !important; }
.socialcell a{ padding:3px; }

/* overlay section */
.iframe_overlay {
    position: fixed;
    top: 15%;
    left: 0;
    right: 0;
    z-index: 19;
    width: 100%;
    height: 300px;
    max-height: 70%;
}
.overlay_content {
    min-height: 100px;
    max-height: 630px;
    min-width: 180px;
}
.overlay_content #ActionArea {
    text-align: left;
}
.no_padding {
    padding: 0 !important;
}
.overlay_loading {
    display: none;
    padding: 5px;
    position: fixed;
    font-size: 5em;
    color: #FFFFFF;
    top: 40%;
    left: 40%;
    z-index: 20;
}
.order_report{
    max-height: 95vh;
    overflow: auto;
}
.overlay {
    overflow: hidden;
    height: auto;
    min-height: 100px;
    max-height: 95vh;
    width: auto;
    min-width: 180px;
    max-width: 830px;
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    z-index: 20;
    background-color: #f7f6f2;
    -webkit-transform: translate(-50%, -30%);
    -moz-transform: translate(-50%, -30%);
    -ms-transform: translate(-50%, -30%);
    -o-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    -webkit-overflow-scrolling: touch;
    box-shadow: rgb(153, 153, 153) 0px 0px 0px 4px;
    padding: 15px 10px 10px 10px !important;
    overflow-x: hidden;
    overflow-y: auto !important;
}
.fade_area {
    display: none;
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    z-index: 18;
    background-color: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";  /* IE 8 */
    filter: alpha(opacity=40);  /* IE 5-7 */
    -khtml-opacity: 0.4;        /* Safari 1.x */
    -moz-opacity: 0.4;          /* Netscape */
    opacity: 0.6;
}
.close_overlay {
    z-index: 17;
    position: fixed;
    top: 5px;
    right: 0.5em;
    font-size: 2.1em;
    cursor: pointer;
}
.overlay-back {
    width: 100%;
    text-align: right;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    /*font-weight: bold; background: #ffffff !important;*/
}
.overlay .overlay-back {
    border-bottom: 1px solid;
    line-height: 26px;
}

/*  COOKIE POLICY SECTION  ------------------------------- */
.cookie_content{
    border-style: none;
    background-image: url("../images/cookieinfo.jpg");
    background-size: cover;
    background-position: top;
    min-height: 550px;
}
.cookie_content > div{
    width: 60%;
    border-style: none;
    width: calc(60% - 40px);
    margin-left: 50px !important;
    padding-top: 100px;
    line-height: 1.6em;
    font-weight: 400;
    font-size: 25px;
}
.cookie_page{
    max-width: 1240px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 1em;
    font-size: 16px;
}
.cookiepolicypage .hidelink{ display: none !important; }
.cookie_page .custom_header{ font-size: 25px; font-family: inherit !important; }
.cookie_link{ color:#0065b7; font-size: 25px; }
.cookie_page hr{ margin: 35px 0; }
.cookie_page .span4 img{ padding-top: 15px }
.cookies_box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 22;
}
.cookies_div_bottom {
    background-color: #45B8F2;
    color: #fff;
    font-family: verdana,geneva,sans-serif !important;
    font-size:14px;
    line-height: 1.4;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 7;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 60px;
    padding: 15px;
    box-sizing: border-box;
    left: 0;
}
.cookie_div_bottom_text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
}
.close_cookie_div_bottom {
    position: absolute;
    right: 0;
    padding: 2rem;
    font-size: 3rem;
    cursor: pointer;
    top: 0;
    padding-top: 1rem;
}
.cookie_div_bottom_text a, .cookie_div_bottom_text a:hover {
    text-decoration: underline;
    color: #FFFFFF !important;
}
.cookies_preference_container{
    display: flex;
    /* font-size: 16px; */
    line-height: 24px;
    font-size: 15px;
}
.cookies_preference_row {
    margin-top: 6px;
    align-items: flex-start;
    flex-direction: column;
    display: flex;
    width: 100%;
}
.cookies_preference_heard_box {
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    margin-top: 0;
    display: flex;
    width: 100%;
}
.cookies_preference_heard_box > ul, .cookies_preference_heard_box > ul > li {
    display: flex;
    list-style: none;
    flex: 1 1 0%;
}
.cookies_preference_heard_box .cookies_links.active {
    border-bottom: 3px solid #39a8ef;
}
.cookies_preference_heard_box .cookies_links.active > a {
    color: #39a8ef !important;
}
.cookies_preference_tab {
    letter-spacing: 0.5px;
    padding: 1em 0.625em;
    text-align: left;
    display: none;
}
.cookies_container {
    display: flex;
    border-radius: 25px;
    box-shadow: rgb(153, 153, 153) 0px 0px 0px 4px;
    line-height: 22px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    width: auto;
    height: auto;
    background: #ffffff;
    box-sizing: border-box;
    font-size: 15px;
    letter-spacing: .1px;
    touch-action: manipulation;
    transition: all .5s ease;
    overflow: hidden;
    max-height: calc(97% - 30px);
    width: calc(100% - 30px);
    z-index: 20;
}
.cookies_row {
    align-items: flex-start;
    flex-direction: column;
    display: flex;
    width: 100%;
}
.cookies_heard_box {
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    background-color: #fff;;
    margin-top: 0;
    display: flex;
    width: 100%;
    position: fixed;
}
.cookies_heard_box > ul, .cookies_heard_box > ul > li {
    display: flex;
    list-style: none;
    flex: 1 1 0%;
}
.cookies_links > a {
    font-weight: 600;
    padding: 1em;
    text-decoration: none;
    text-align: center;
    width: 100%;
    white-space: inherit;
}
.cookies_heard_box .cookies_links.active {
    border-bottom: 3px solid #39a8ef;
}
.cookies_heard_box .cookies_links.active > a {
    color: #39a8ef !important;
}
.cookies_content {
    height: auto;
    overflow: auto;
    width: 100%;
    margin-top: 5.5em;
}
.cookies_content_box {
    border-bottom: 1px solid #d6d6d6;
    padding: 0.375em;
}
.cookies_fade {
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    z-index: 18;
    background-color: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";  /* IE 8 */
    filter: alpha(opacity=40);  /* IE 5-7 */
    -khtml-opacity: 0.4;        /* Safari 1.x */
    -moz-opacity: 0.4;          /* Netscape */
    opacity: 0.6;
}
.cookies_tab {
    letter-spacing: 0.5px;
    padding: 0 0.625em;
    text-align: left;
    display: none;
}
.cookies_button{
    padding: 0.3em 0.5em;
    display: inline-block;
    white-space: inherit;
    border-radius: 7px;
    border: 1px solid;
    font-size: 1.05em;
    background-color: #0065b7 !important;
    background-color: transparent;
    color: #fff;
    border-color: #0065b7;
    text-decoration: none;
}
.cookies_button:hover {
    background-color: #39a8ef !important;
    color: #fff !important;
    border-color: #39a8ef !important;
}
.content-wrap .cookies_button {
    padding: 0.5em;
}
.content-wrap .cookies_button:hover {
    background-color: #0065b7 !important;
    border-color: #0065b7 !important;
}
.cookies-newbox{
    font-size: 16px;
    margin: 10px 20px 30px;
    text-align: left;
}
.cookies-content{
    line-height: 1.5;
}
.layerRes.cookieblock #OverlayClose{
    display: none;
}
.img_loading {
    position: absolute;
    width: 6%;
    max-width: 30px;
    left: 44%;
    top: 30%;
}
.img_loading2{
    position: absolute;
    left: 44%;
    top: 30%;
}
#iframeFade p {
    position: absolute;
    left: 43%;
    top: 30%;
}

.more_details {
    overflow: auto;
    text-align: left;
    margin: 3px;
    max-height: 75%;
    font-size: 12px;
}
.payTT{  margin: 10px 20px; }

.row:last-of-type {
    margin-bottom: 0;
}
.column {
    margin-bottom: 1.5em;
}
.column.two-fifth {
    width: 100%;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
    float: left;
    margin-bottom: 5px;
    padding: 0 2px;
}
.customblock.span1, .customblock.span2, .customblock.span3, .customblock.span4, .customblock.span5, .customblock.span6, .customblock.span7, .customblock.span8, .customblock.span9, .customblock.span10, .customblock.span11, .customblock.span12 {
    padding: 0;
    text-align: left;
    line-height: 1.5em;
    /*overflow: hidden;*/
    float: none;
    display: inline-block;
    vertical-align: top;
}
.span12 {width: 100%; }
.span11 { width: 91.489%; }
.span10 { width: 82.978%; }
.span9 { width: 74.4680%; }
.span8 { width: 65.957%; }
.span7 { width: 57.446%; }
.span6 { width: 50%; }
.span5 { width: 40.425%; }
.span4 { width: 31.914%; }
.span3 { width: 25%; }
.span2 { width: 14.893%; }
.span1 { width: 6.382%; }
.span3_5 { float: left; width: 20%; }
.span2_5 { float: left; width: 16%; }

.customblock.span9 { width: 75%; }
.customblock.span8 { width: 66.3%; }
.customblock.span7 { width: 57.44%; }
.customblock.span5 { width: 42.56%; }
.customblock.span4 { width: 33.3%; }
.customblock.span2 { width: 20%; }
.customblock.span2_5 { width: 16%; }
.customblock a{ text-decoration: none !important; }
.customblock.span5 { width: 42.52553191489362%; }
footer .customblock { line-height: 1.8em; }

/* survey class style */
#SurveyDetail{ padding:0; }
.intro_survey{ margin:30px auto 5px; }
.intro_survey p{ margin:0; }
.join_survey {
    width: auto;
    font-size: 1.6em;
    text-align: left;
    margin: 15px 10px 5px;
}
#SurveyIframe {
    /*width: 700px;*/
    width: 735px;
    max-width: 100%;
    max-height:400px;
    -webkit-overflow-scrolling: touch;
}
#iframe_details{
    background: #f7f6f2;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}
.OrderDetailPage .tableGen{
    background-color: transparent;
}
.OrderDetailPage{
    max-height: 95vh;
}
.tableGen{
    clear: both;
    display: table;
    width: 100% !important;
    background-color: white;
}
.tableGen ul li{
    list-style-type:none !important;
    padding: 0 .5em 0 .5em;
    /*text-align: center;*/
    display: table-cell;
    vertical-align: top !important;
}
.tableGen ul li ul li {
    border: 1px solid transparent;
    vertical-align: middle !important;
}
.statusreport_page .tableGen ul li{
    padding: 0 .5em 0 0;
    text-align: left !important;
}
.statusreport_page .imageWidth{
    width: 13%;
}
.statusreport_page .tableGen ul li ul li{
    vertical-align: top !important;
}
.statusreport_page .detail-info{
    line-height: 1.8em;
    padding-bottom: 5px;
}
.statusreport_page .detail-info > .firstTable > div{
    text-align: left;
}
.orderBorder {
    border:1px solid #bebdbb;
    border-collapse: collapse;
    margin-top: 10px;
}
.rightText{
    float: right;
    text-align: center;
    margin-right: 0 !important;
}
.vertical-buttom{
    vertical-align: bottom !important;
    white-space: nowrap;
    padding-right: 10px;
}
.ItemTable{
    color:#0000ff;
}
.leftText{
    margin-left: 0 !important;
}
.topli{
    display: table-cell;
}
.secondTable{
    margin-bottom: 20px;
}
.borderHR{
    border-bottom: 1px solid #bebdbb;
}
.secondTable .borderHR{
    padding-bottom: 10px;
}
.inTable, .inTable ul li ul{
    width: 100% !important;
    /* float: right; */
}
.tableProduct{
    margin-top: 1em;
    border-top: 1px solid #bebdbb;
    border-left: 1px solid #bebdbb;
}
.tableProduct ul li, .return_header {
    padding: 5px;
    border-bottom: 1px solid #bebdbb;
    border-right: 1px solid #bebdbb;
}
.tableProduct .return_header li {
    border-right: none;
}
.return_header li.borderR {
    border-right: 1px solid #bebdbb;
}
.tableProduct ul li ul li{
    text-align: center;
    border-bottom: none;
}
.tableProduct ul li ul li select {
    border: 1px solid #bebdbb;
}
.topheader{
    padding: 10px !important;
}
.topheader li, .bottomheader li {
    padding: 5px !important;
}
.Size-Image, .status_image{
    min-width: 40px;
    max-width: 70px;
    margin-bottom: 0;
}
.status_image{
    max-width: 100px;
}
.Size-Image, .imageWidth .product_img, .warranty_page #WarrantyContent input{
    margin-bottom: 3px;
}
.returnList ul:last-child .BG-yellow, .BG-Yellow{
    background-color: #FFFF9F !important;
    color: black !important;
}
#MainContentArea #invoicestyle{
    background-color: white;
    padding: 5px;
}
#invoicestyle{
    margin-top: 1em;
}
.first-invoice-table{
    /*margin-top: 1em;*/
    padding: 5px;
    border: 1px solid #bebdbb;
}
.border-invoice-table{
    border: 2px solid #bebdbb;
    margin-top: 1em;
    padding: 5px;
    width: 100% !important;
}
.invoiceTable{
    margin-top: 1em;
    border-top: 1px solid #bebdbb;
    border-right: 1px solid #bebdbb;
}
.invoiceTable ul li{
    padding: 3px;
    border-left: 1px solid #bebdbb;
    border-bottom: 1px solid #bebdbb;
}
.invoiceTable ul li ul li{
    border: none;
}
.invoiceTotal>ul>li:not(:last-child){
    padding-top: 0.5em;
}
.invoiceTotal ul li ul li{
    padding: 3px;
    border: none;
    text-align: left;
    white-space: nowrap;
}
.invoiceTotal ul li:last-child ul li:last-child {
    border: 1px #bebdbb solid;
    text-align: right;
    width: 100%;
}
.invDesWidth{
    width: 35%;
}
.invWidth45per{
    width: 45%;
}
.fixedTop {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 5;
}

/*--------------- login layer ------------------*/
.image_area, .invoice_iframe, .Menu-ProductLists {
    position: relative;
}
.invoice_iframe {
    top: -20px;
}
.frame_wrap {
    display: none;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 430px;
    max-height: 430px;
}
.iframe_bg {
    background-color: #ffffff;
}
iframe#OrderingIFrame, iframe#loginFrame, #iframe_details {
    background-image: url("../images/loading.gif");
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#loginFrameWrap iframe {
    margin-top: 5px;
}
#CartFrameWrap .cart_iframe {
    position: absolute;
    left: 0;
    top: -15px;
    z-index: 15;
}
.toolTip iframe, .related iframe, .signin iframe, .invoiceFrame iframe {
    position: relative;
    border: 0px;
    /*width: 320%;*/
    width: 1000%;
    height: 700px;
    margin-top: 18px;
    background-image: url("../images/loading.gif");
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 2px solid #999999;
    -webkit-box-shadow: 0px 0px 10px 4px #999999;
    -moz-box-shadow: 0px 0px 10px 4px #999999;
    box-shadow: 0px 0px 10px 4px #999999;
    z-index: 15;
}
.toolTip iframe.signin_page {
    height: 500px;
}
.frame_wrap.signin_page {
    height: 360px;
    min-height: 360px;
}
.toolTip iframe.related_small {
    max-width: 650px !important;
}
.frame_wrap.related_page {
    height: 100px;
    min-height: 100px;
    max-height: 200px;
}
.toolTip iframe.ordering_iframe {
    height: 700px;
}
.frame_wrap.ordering_iframe {
    height: 350px;
    min-height: 350px;
    max-height: 430px;
}

.toolTip, .related {
    position: absolute;
    top: -193px;
    left: -180px;
    margin: 0px 0px;
    padding: 0px;
    z-index: 2;
    /*background: #ffffff;*/
}
.frame_wrap.show_point.last_iframe {
    max-height: 580px !important;
    height: 580px !important;
    margin-top: 280px;
}
.last_iframe .toolTip{
    top: -22px !important;
}
.invoiceFrame iframe {
    position: relative;
    border: 0px;
    width: 800px;
    height: 540px;
    background-image: url("../images/loading.gif");
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 2px solid #999999;
    -webkit-box-shadow: 0px 0px 10px 4px #999999;
    -moz-box-shadow: 0px 0px 10px 4px #999999;
    box-shadow: 0px 0px 10px 4px #999999;
    z-index: 1;
}

.signin iframe, .invoiceFrame > iframe {
    width: 100%;
}
.signin {
    position: relative;
    margin: 0px 3px;
    padding: 0px;
    background: #ffffff;
}
.iframe_point {
    display: none;
}
.show_point {
    display: block !important;
}
.point_shadow, .point_shadow2, .shadow_login {
    border: 13px solid;
    border-color: transparent transparent #999999 transparent;
    position: absolute;
    bottom: -20px;
    left: 90px;
    z-index: 6;
}
.point, .point2, .point_login {
    border: 10px solid;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    bottom: -20px;
    left: 93px;
    z-index: 16;
    /*z-index: 7;*/
}
.point_login, .shadow_login {
    top: -21px;
    bottom: inherit;
}
.point_login {
    top: -15px;
}
.point_shadow2 {
    bottom: inherit;
    top: -10px;
    left: 49.6%;
}
.point2 {
    bottom: inherit;
    top: -2px;
    left: 50%;
}

/* ------------ vimeo ifram ------------ */
.vimeo_container{
    padding: 56.25% 0 0 0;
    position: relative;
    margin: 5px;
}
.vimeo_container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vimeo_iframe{
    padding: 5px;
}
.Video_thumbnail{
    border: 1px solid #cccccc;
    background-color: #ffffff !important;
    padding: 3px 3px 0 3px; 
    text-align: left;
    width: 80%;
    display: inline-block;
    position: relative;
    margin: 15px auto;
}
.fad.play-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 80px;
    cursor: pointer;
    color: #fccfd5;
}
.play-icon-opacity{
    position: absolute;
    opacity: 0.1;
    background: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


/* ------------ Warranty ------------ */
.absolute_wrap{
    position:absolute; right:0; left:0;
}
.WarrantyFrame {
    width: 99%;
    min-height: 320px;
    overflow: hidden;
    clear: both;
    margin: -15px 0 10px 5px;
    padding: 10px;
    display: none;
    border: 2px solid #999999;
}
.warranty_icon:before{
    font-family: FontAwesome;
    content: "\f05d";
    color: green;
    font-size: 1.5em;
}
.warranty_image {
    cursor: pointer;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: top;
}
.warranty_button {
    padding: 5px 0px 5px 0px !important;
    width: 100%;
}
.code_notfound {
    width: 120px;
    height: 147px;
    color: red;
    padding-top: 2em;
}
.warranty_point:after, .warranty_point:before {
    content: '';
    position: relative;
    border-style: solid;
    border-width: 0px 15px 15px 15px;
    border-color: #999999 transparent;
    display: block;
    width: 0;
    left: 50px;
    clear: both;
}
.warranty_point:after{
    border-color: #F7F6F2 transparent;
    top: -12px;
    z-index: 10;
}
.tableGen ul{
    display: table-row;
}
.column.full label{
    font-weight: normal;
}

/* ------------ Email Form Plugin ------------ */
.emailform p {
    margin-bottom: 1em;
}
.emailform input[type="text"], .emailform input[type="email"], .emailform input[type="password"], .emailform input[type="number"], .emailform input[type="date"], .emailform input[type="tel"], .emailform textarea, .emailform select {
    width: 100%;
    margin: 0 0 1em 0;
}
.page .transparent_bg, .page.transparent_bg{ /* use for viewer */
    background: transparent !important;
}
.custom_row { text-align: center; }

.logo_desktop{
    display: none;
}
.logo_mobile{
    display: inline;
}
.logo_desktop, .logo_mobile{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.order_sms{
    line-height: 1.5em;
}
.phonecode > span{
    display: inline-block;
    /* width: 100%; */
}
.phonecode > input:first-of-type{
    width: 15% !important;
    padding-right: 0px;
}
.phonecode > input:last-of-type{
    width: 85% !important;
}
.phonecode > span.column > input:first-of-type{
    width: 10% !important;
    margin-right: -5px;
    padding-right: 0px;
    padding-left: 5px;
}
.phonecode > span.column > input:last-of-type{
    width: 85% !important;
}
.cartTop{
    width: fit-content;
    right: 0;
    position: fixed;
    visibility: hidden;
    z-index: 9;
    top: calc(8%);
    top: -moz-calc(8%);
    top: -o-calc(8%);
}
.cartTop .fa-shopping-cart{
    font-size: 2.7em;
    position: relative;
    padding-right: 10px;
}
.cartTop .fa-shopping-cart > span{
    position: absolute;
    top: -4px;
    font-weight: bold;
    right: 0;
    text-align: center;
    font-size: 13px;
    padding: 3px;
    min-width: 20px;
    border-radius: 50%;
}
.iconZoomImg{
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    box-sizing: border-box;
    font-size: 12pt;
}

.notice_area{
    position: fixed;
    width: 100%;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 3;
}
.notice_block{
    margin-top: 10px;
    overflow: hidden;
    text-align: left;
    /* padding: 15px; */
    /*box-shadow: 0 2px 5px 2px #505050;*/
    -moz-box-shadow: 2px 2px 3px 1px #5b5a5a;
    -webkit-box-shadow: 2px 2px 3px 1px #5b5a5a;
    box-shadow: 2px 2px 3px 1px #5b5a5a;
}
.notice_content{
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
}
.notice_button_area{
    margin-left: 15px;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}
.notice_button2{
    padding: 0.5rem 1rem;
    display: inline-block;
    white-space: nowrap;
    border-radius: unset;
    border: 1px solid;
    font-size: 1.05em;
}
#CookieActive.notice_button2:hover{
    background-color: #146112 !important;
    /* color: #000 !important; */
}
#CookieOnce.notice_button2:hover{
    background-color: #fce51d !important;
    color: #000 !important;
}
#CookieNo.notice_button2:hover{
    background-color: #ff3838 !important;
    /* color: #000 !important; */
}
.cookie_title {
    margin-right: 15px;
}
.cookie_title .cookie_text {
    background: #0065b7;
    bottom: 100%;
    color: #fff;
    display: block;
    text-align: center;
    left: 0;
    margin-bottom: 5px;
    opacity: 0;
    padding: 15px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.cookie_title .cookie_text:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
.cookie_title .cookie_text:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #0065b7 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
}
.cookie_title:hover .cookie_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.h_iframe iframe {
    width:100%;
    height:100%;
}
.h_iframe {
    height: 100%;
    width:100%;
}
#google_translate_element {
    display: inline-block;
    margin-right: 5px;
}
.on_checkout .cart_link, .on_checkout .cart_link:hover{
    cursor: default !important;
    color: inherit !important;
}
.paypal_info{
    line-height: 1.5em;
    text-align: left;
    font-size: 1.2em;
    padding:10px;
}
#contentstyle h3{
    text-align: left;
}
.paypal_info button{
    font-size:1em;
}
.paypal_info ul{
    margin:5px;
    list-style-type: inherit;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
}
.paypal_info li{
    margin:5px;
}
.paypal_info hr{
    width: 80%;
}
.paypal_info .box-detail{
    padding: 15px;
    text-align: center;
}
.paypal_info .paypal-btn{
    width: 80%;
    margin:0 auto;
}

.box_video{
    cursor: pointer;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    text-align: center;
    margin: 0 auto;
}
.box_video video, .box_video iframe{
    pointer-events: none;
}
.box_video .text-center{
    word-break: break-all;
}
.box_play{
    position: absolute;
    z-index: 10;
    top: 20%;
    left: 0;
    right: 0;
    text-align: center;
}
.box_video .fad{
    font-size: 5em;
    cursor: pointer;
}
.box_video .fad:before{
    color: #000000;
}
.box_video .fad:after{
    color: #585858;
}
.box_video .fad:hover::before{
    color: #D0D0D0;
}
.box_video .fad:hover::after{
    color: #000000;
}

.ShowMoreImg{
    display: table;
    width: auto;
    margin: 0 auto;
    padding: 0;
}
.ShowMoreImg >ul{
    display: table-row;
}
.ShowMoreImg >ul >li{
    display: table-cell;
    text-align: center;
    vertical-align: top;
    padding: 5px;
}
.BoxMoreImg{
    max-width: 120px;
    display: block;
    padding: 0;
    box-sizing: border-box;
    word-break: keep-all;
}
.BoxMoreImg img{
    max-height: 120px !important;
    max-width: 100px !important;
}
.BoxMoreImg video, .BoxMoreImg iframe{
    height: 120px !important;
    width: 100px !important;
}
.BoxMoreImg img, .BoxMoreImg video, .BoxMoreImg iframe{
    border-style: solid !important;
    border-width: 1px !important;
    background-color: #FFFFFF !important;
    padding: 2px !important;
    cursor: pointer;
}
.video_upload_size{
    min-width: 100px;
    min-height: 120px;
}

.full_video_mobile video, .full_video_mobile iframe{
    width: 100%;
}
.full_video video{
    max-width: 800px;
}
.swiper-font:before, .swiper-font:before{
    font-size: 2em !important;
    cursor: pointer;
}
.swiper-font:focus{
    outline: none !important;
}

.collection_desc{
    margin: 15px;
    position: absolute;
    z-index: 1;
}
.media_caption{
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    cursor: pointer;
}
.BoxImg{
    margin-top: 15px;
}
.media_image{
    display: flex;
    gap: 15px;
    justify-content: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin-top: 15px;
}
/* .media_image img{
    max-width: 200px;
} */
.media_image > div{
    position: relative;
}
.media_image > div > .Cat-caption_Banner{
    position: absolute;
    bottom: 15px;
    right: 1px;
    min-height: auto !important;
    padding: 5px 10px;
}
.media_image .Cat-block{
    background-color: transparent;
}
.media_desktop+.media_image{ margin-top:15px; }
.media_desktop:not(.media_background){   
    font-size: 20px;
    font-weight: 100;
    margin: 0 0;
}
#MainProductArea .media_desktop:not(.media_background){
    max-width: 965px;
    font-size: 22px;
    line-height: 1.5;
    background: #FDF1F3;
    margin: 0 auto 20px;
}
#MainProductArea .media_desktop:not(.media_background) > div > :is(div, p) {
    padding: 0 35px 0 35px;
    margin: 0;
}
#MainProductArea .media_desktop:not(.media_background) table{
    line-height: normal;
}
#MainProductArea .media_desktop:not(.media_background) > div > :is(div, p):has(img), #MainProductArea .media_desktop:not(.media_background) table td:has(img){
    padding: 0;
    margin: 0;
    line-height: 0;
}
#MainProductArea .media_desktop:not(.media_background) > div > :is(div, p):has(img)+:is(div, p):not(:has(img)) {
    padding-top: 20px;
}
#MainProductArea .media_desktop:not(.media_background) > div > :is(div, p):has(img)+:is(div, p):has(img) {
    padding-top: 5px;
}
#MainProductArea .media_desktop:not(.media_background) > div > :is(div, p):not(:has(img)):first-child {
    padding-top: 30px;
}
#MainProductArea .media_desktop:not(.media_background) > div > :is(div, p):not(:has(img)):last-child {
    padding-bottom: 30px;
}
.TopOfPage{
    display: block !important;
    position: relative;
    margin: 0 auto;
    padding: 0;
    clear: both;
}
.product_page > .TopOfPage{
    margin-bottom: 10px;
}
#ProductArea .TopOfPage{
    margin-bottom: 1.5em;
}
.media_mobile{
    clear: both;
    width: 100%;
    display: none !important;
}
.media_desktop{
    line-height: 1.5em;
}
.media_background{
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat;
}
.wishList_option{
    display: block;
    margin-left: 0px;
    line-height: 20px;
    padding-left: 5px;
}
.wishList_option:last-of-type {
    margin-bottom: 20px;
}

/* search page */
#basicSearch{
    float: none;
    clear: both;
    text-align: left;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}
#basicSearch input[type="text"]{
    width: 100%;
}
#basicSearch input{
    line-height: 1.5em !important;
}
#basicSearch > div.search_mobile{
    float: left;
    width: 80%;
    padding: 2px;
    box-sizing: border-box;
    margin: 0;
    text-align: left;
}
#basicSearch >div:last-of-type{
    float: right;
    width: 20%;
    text-align: center;
    padding: 2px;
    box-sizing: border-box;
    margin: 0;
}
#SearchSubmit{
    min-width:100px;
    margin-left: 10px;
    margin-top: 65px;
}
#mulitiSearch > div:first-child{
    padding-right: 123px;
    padding-top: 10px;
    padding-bottom: 2px;
}
#basicSearch.hidesearch{ display: none; }
#MainSeachBox{ width:300px; }
#RetailSearch{
    margin: 0 0 10px;
    text-align: center;
}
#RetailSearch p{
    font-size: 1.5em;
    font-weight: 600;
    margin: 0 0 15px;
}
#RetailSearch > #MainSeachBox{
    padding: 10px;
    min-width: 450px;
}
#RetailSearch > button{
    margin-left:10px;
    padding-left: 20px;
    padding-right: 20px;
}

.ProductTypeList{
    display: block;
    width: 90%;
    padding: 5px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
}
.BoxProductType{
    float: left;
    width: 25%;
    padding: 5px;
    box-sizing: border-box;
}
.BoxProductType .product_img-border{
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    padding: 50px 20px;
    box-sizing: border-box;
}

#Dialogfade{ z-index: 21 !important; }
#AlertDialog{
    z-index: 22 !important;
    border-radius: 8px;
    box-shadow: 0 32px 68px rgb(0 0 0 / 30%);
    max-width: 670px;
    padding: 0 !important;
}
.confirm_dialog #OverlayDetail{
    padding: 0;
}
.confirm_header{
    background-color: lightgrey;
    color: black;
    margin: 0;
    padding: 10px 0;
    line-height: 1.5em;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
}
.alertbox{
    /*padding: 25px 20px;
    min-width: 300px;*/
    padding: 20px;
    min-width: 350px;
    line-height: 1.5em;
    color: red;
    font-size: 1.1em;
}
.overlay.confirm_dialog, .alert_box{
    max-width: 550px;
}
.alertbox .button, .alertbox button{
    min-width: 65px;
    margin-left: 15px;
    margin-right: 15px;
}
#overlay.alert_box{
    height: auto !important;
}
.sharelayerProductPage:hover #sharetosocialProductPage{
    display: block;
}
.shareIconProductPage .fa:before {
    font-size: 12pt;
}
.shareIconProductPage{
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
}
.shareIconProductPage{
    margin-left: 10px;
}
.shareIconProductPage > div{
    background-color: #FFFFFF;
    display: inline-block;
    padding: 2px 10px;
    box-sizing: border-box;
    border: 1px #E0E0E0 solid;
    height: 28px;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 19px;
    vertical-align: middle;
}
.shareIconProductPage > div >span{
    cursor: pointer;
    vertical-align: top;
}
.shareIconProductPage > .sharelayerProductPage > div > div.fa:before, .shareIconProductPage > .sharelayerProductPage > div > div.fab:before{
    font-size: 15pt;
}
.shareIconProductPage > .sharelayerProductPage:hover #sharetosocial{
    display: block;
}
.shareIconProductPage > .sharelayerProductPage{
    position: relative;
    z-index: 5;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.shareIconProductPage > .sharelayerProductPage .fa-share-alt{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.shareIconProductPage > .sharelayerProductPage > div{
    background-color: #FFFFFF;
    position: absolute;
    display: none;
    width: 217%;
    text-align: center;
    left: -40px;
    margin-top: 0;
    z-index: 1;
    bottom: 26px;
    border: 1px solid #E0E0E0;
    padding: 2px;
}
.shareIconProductPage > .sharelayerProductPage >div >div{
    /*display: block;*/
    float: left;
    width: 50%;
    height: 30px;
    cursor: pointer;
    padding: 5px 3px;
    border-top: 1px solid #E0E0E0;
    box-sizing: border-box;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.shareIconProductPage > .sharelayerProductPage >div >div:nth-child(odd){
    border-left: 1px solid #E0E0E0;
}
.shareIconProductPage > .sharelayerProductPage >div >div:nth-last-child(2), .shareIconProductPage > .sharelayerProductPage >div >div:last-child {
    border-top: none;
}
.toggle{
    border-bottom: 1px solid lightgray;
    padding: 10px 0;
}
.toggle > div:last-child{
    padding-top: 10px;
}
.toggleheader > div:first-child{
    width: 95%;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    font-weight: 600;
}
.toggleheader > span{
    width: 5%;
    cursor: pointer;
    display: inline-block;
    text-align: right;
}
.close_toggle{
    display: none;
}
.back_to_top > a > .fa.fa-arrow-circle-up{
    font-size:3.5em;
    color:#BFBFBF;
}
#AIDefault{
    font-size: 1.25em;
    line-height: 1.6em;
}
.viewoptionpage{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 45px;
}

.viewoptionpage > div > p{
    padding: 0;
    margin: 0;
}
.viewoptionpage > div{
    border-radius: 0.5em;
    padding: 13px 33px;
    font-size: 15px;
    font-weight: bold;
    background-color: #ffc0cb;
    width: 25%;
    box-sizing: border-box;
    vertical-align: middle;
}
.viewoptionpage > div:hover{
    background-color: #ff9cad;
}

.contentKbnakPay .content {
    position: relative;
    height: 100%;
    width: auto;
    margin: 0 auto;
    padding-top: 35px;
    flex-grow: 1;
 }
 .contentKbnakPay .payment-block {
    margin: 0 auto;
    /* padding: 2em 1.5rem; */
    padding: 25px 40px;
 }
 .contentKbnakPay .payment-block h1{
    padding: 0 0 15px;
 }
 .contentKbnakPay .flied {
    margin-bottom: 20px;
    min-height: 52px;
    text-align: left;
 }
 .contentKbnakPay .footer {
    margin-bottom: 0;
    text-align: end;
    color: #9E9E9E;
 }
 /* End Page Layout */
 /* Style your payment form */
 #card-name,
 #card-number,
 #card-expiry,
 #card-cvv {
    display: block;
    padding: 6px 12px;
    border-bottom: 1px solid #ced4da;
 }
 .card-detail {
    display: flex;
    justify-content: space-between;
}
 .card-detail .flied {
    width: calc(100% * (1.5/4) - 10px - 1px);
    }
.pay-button {
    display: block;
    min-width: 100px;
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    background-color: #c6838a;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    margin: 0 auto;
    border-radius: 5px;
}
/* End Style your payment form */
/* Validate form handle */
#error-summary {
    display: none;
    margin: 0 0 15px;
    color: #e91e63;
}
#error-summary.show {
    display: block;
}
div#card-name.is-invalid,
div#card-number.is-invalid,
div#card-expiry.is-invalid,
div#card-cvv.is-invalid {
    border: 1px solid #e91e63 !important;
}
/* /// Hide All error text */
#card-name+label,
#card-number+label,
#card-expiry+label,
#card-cvv+label {
    display: none;
    color: #e91e63;
}
#card-name,
#card-number,
#card-expiry,
#card-cvv {
    color: #333333;
    border: 1px solid #ccc;
    padding: 0.5em;
    background-color: #ffffff;
}
/* /// Show error text */
#card-name.is-invalid+label,
#card-number.is-invalid+label,
#card-expiry.is-invalid+label,
#card-cvv.is-invalid+label {
    display: block;
}
.contentKbnakPay p{
    margin-bottom: 0px;
}
#remember-card{
    overflow: hidden;
}
.fas.fa-circle-notch{
    position: absolute;
    left: 42%;
    top: 40%;
    transform: translate(-50%, -50%);
    font-size: 100px;
}
.fas.fa-check-circle{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    font-size: 100px;
    color: green;
}
.totalBox{
    text-align: left;
    font-weight: normal;
}
.msg-paypment{
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    font-weight: bold;
}
.fas.fa-times-circle{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    font-size: 100px;
    color: red;
}
.add-album-box .fas.fa-times-circle{
    position: initial;
    transform: initial;
}
.msg-paypment-fail{
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    width: 100%;
}
.msg-paypment-fail > span{
    font-size: 18px;
}
.msg-paypment-fail > a{
    font-size: 15px;
    text-decoration: underline;
    color: blue;
}
.payMerge{
    width: 60%;
    margin: 0 auto;
}
.orderstatus_row > div > .lh2em {
    padding-top: 10px;
    line-height: 1.7em;
}
.failed-payment img{
    vertical-align: middle;
}
.mail-unsubscribe{
    padding: 15px 10px;
    border: 1px solid #000;
    background: #DEEAF6;
    width: fit-content;
    margin-bottom: 10px;
}
.mail-unsubscribe input[type="text"]{
    width: 250px;
}
.mail-unsubscribe .btnYesUn{
    margin-top: 15px;
    margin-right: 5px;
}
.unsubscribe .button { font-size: 12px; }
.mail-unsubscribe .boxmail{
    white-space: nowrap;
}
#SubScript ul{
    margin-top: 10px;
    margin-left: 20px;
}

@media (min-width: 40rem) {
    .row { padding: 0; }
    /* for label edit */
    .LabelImg{
        width: 20%;
        float: left;
    }
    .Label4Button{
        width: 50%;
        float: left;
    }
    .LabelDetail{
        width: 80%;
        float: left;
        text-align: left;
    }
}
@media (max-width: 520px) {
    .notice_button_area {
        display: block !important;
        text-align: center;
    }
    .notice_button2, .notice_button2:hover{
        width: 90%;
        margin-left: 0;
    }
    .cookie_title{
        margin-right: 0;
    }
}
@media (max-width: 768px) {   
    .product_page.table{ display: block; }
    .media_image img { max-width: 150px; }
    .media_image > div > .Cat-caption_Banner{
        text-align: center;
        padding: 5px 10px 7px;
        bottom: 0;
    }
    .cookies-newbox{
        margin: 10px 5px 30px;
    }
    .cookie_div_bottom_text {
        align-items: normal;
    }
    .cookies_div_bottom {
        text-align: left;
        line-height: 1.5;
    }
    .notice_content{
        display: block;
    }
    .notice_button_area{
        margin-left: 0;
        display: flex;
    }
    .slide-img-positon > div{
        height: 50%;
    }
    .shareIconProductPage > .sharelayerProductPage{
        z-index: 8;
    }
    .media-slide .swiper-slide{
        word-break:break-word;
        line-height: 1.5em;
    }
    .cookie_page{ padding:0 10px; margin:0; }
    .cookie_page .custom_header, .cookie_link{ font-size: 17px; }
    .cookie_page .span4{ text-align:center; margin-bottom:30px; font-size: 15px; }
    .cookie_page .span4 img{ width: 250px !important; padding-top:5px; }
    .cookie_content{
        background-image: url("../images/cookieinfo_mobile.jpg") !important;
        min-height: auto !important;
    }
    .cookie_content > div{
        font-size: 1.45rem;
        padding: 30px 10px 30px 5px;
        margin: 0 !important;
        width: 65%;
        width: calc(65% - 10px);
        line-height: 1.7em;
    }

    .vimeo_container{
        padding: inherit;
        position: inherit;
    }
    .vimeo_container iframe{
        position: inherit;
    }
    .viewoptionpage > div {
        width: 85%;
        margin: 10px;
    }
    .onmobile .viewoptionpage > div > p {
        padding-top: 5px;
    }
    .viewoptionpage{
        flex-direction: column;
    }
    .mail-unsubscribe{
        width: 100%;
    }
    .mail-unsubscribe input[type="text"]{
        width: 100%;
    }
    .mail-unsubscribe .boxmail{
        white-space: inherit;
    }
}
@media (min-width: 769px) {
    .pinkpopup_header{ line-height: 1.3em; }
    .cookies_heard_box{ margin-top:2.5em; }
    .cookies_content{ margin-top: 6.5em; }
    .cookies_container {
        max-width: 950px;
    }
    .overlay_loading {
        left: 45%;
        font-size: 10em;
    }
    .wishList_option{
        display: inline-block;
        margin-left: 30px;
    }
    .wishList_option:first-of-type {
        margin-left: 0px;
    }
    .survey_bottomleft{
        top: inherit;
        bottom: -5px;
        left: 10px;
        transform-origin: bottom left;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        max-height: 350px !important;
        max-width: 320px !important;
        min-width: 270px !important;
    }
    .survey_topleft{
        top: -5px;
        left: 10px;
        transform-origin: bottom left;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        max-height: 350px !important;
        max-width: 320px !important;
    }
    .survey_bottomleft #SurveyIframe, .survey_topleft #SurveyIframe{
        max-height: 330px;
    }
    .survey_topleft .close_overlay{
        top: unset;
        bottom: 5px;
    }
    .DetailOne { width: 3%; }
    .DetailTwo { width: 86%; }
    .DetailThree {
        width: 10%;
        text-align: right;
        margin-bottom: 0px;
    }
    .fixslide_right .DetailTwo { width:78%; }
    .fixslide_right .DetailThree { top:0; }
    .signin #OrderingIFrame{ min-height:300px; }
    iframe#OrderingIFrame.signin_page{ min-height:250px; }
    .logo_desktop{
        display: inline;
    }
    .logo_mobile{
        display: none;
    }
    .product_content hr {
        margin: 5px 0 15px !important;
        height: 1px;
    }
    .TextCountdown{
        font-size: 3em;
    }
    .Countdown{
        font-size: 5em;
    }
    .emailform > .span6:not(:last-child) {
        padding: 0 10px 0 0;
        width: calc(50% - 10px);
    }
    body {
        overflow-y: auto !important;
        /*position: static !important;*/
    }
    .bodyfixed {
        overflow: hidden !important;
    }
    .column {
        float: left;
        margin: 0;
        margin-bottom: 1.5em;
    }
    .left_padding {
        padding-left: 25px;
    }
    .column.full { width: 100%; }
    .column.two-third { width: 66.7%; }
    .column.two-fourth { width: 75%; }
    .column.two-fifth { width: 80%; }
    .column.two-sixth { width: 83.3%; }
    .column.two-seventh { width: 91.7%; }
    .column.half { width: 50%; }
    .column.third { width: 33.3%; }
    .column.fourth { width: 25%; }
    .column.fifth { width: 20%; }
    .column.sixth { width: 16.6%; }
    .ordering_page .product-desc {
        width: 60%;
    }
    .product-viewer {
        width: 40% !important;
    }
    /* fix width for overlay */
    .overlay .column.third { width: 40%; }
    .overlay .column.two-third { width: 60%; }
    .column.third.product_img { /*width: 16.66%;*/ width: 33.3%; }
    /* for label edit */
    .label-top {
        margin-top: 5px !important;
    }
    .product_label {
        margin: 0 10px 0 0;
        float: left;
        text-align: center;
        padding: 4px 2px 2px;
        background-color: #ffffff !important;
        border: 1px solid #cccccc;
    }
    .label_manage {
        float: left;
    }
    .label-link {
        display: inline-block;
        float: left;
        margin-left: 10px;
    }
    .label-logo {
        float: left;
    }
    .LabelImg{
        width: 20%;
        float: left;
    }
    .Label4Button{
        width: 50%;
        float: left;
    }
    .LabelDetail{
        width: 80%;
        float: left;
        text-align: left;
    }
    .SaveLabel{
        width: 100%;
        color: #ff0000;
        height: 0;
        overflow: hidden;
        font-weight: 600;
    }
    .LabelButton {
        display: block;
        width: auto;
        padding: 3px 15px 3px 15px;
    }
    .BotSideMenuOn{
        position: absolute;
        bottom: 0px;
        display: block;
    }
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #000000;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

.click_clipboard{
    margin-bottom: 10px;
}
.click_clipboard:before{
    font-size: 1.5em;
}
.click_clipboard:active:before{
    content: "\f00c";
}

@media print {
    body, .productionBG, div.orderstatus_row, .topheader, .bottomheader{ background-color:#FFFFFF; }
    .item_row{ page-break-after:avoid; }
    .tableGen ul li{ text-align:left; }
    .returnList ul.bottomheader li{ text-align:center; }
    .column.fourth{ width:25%; }
    .column.half{ width:50%; }
    .column{ float: left; margin: 0; margin-bottom:1.5em; }
    hr{ border-bottom:1px solid #bebdbb; }
    .column.third.carttotal{ width:100% !important; }
}