/*---------- base css ------------*/
 /* 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; } .BoxImg{ margin-top: 15px; } .media_image{ display: flex; gap: 15px; 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; } } 

/*---------- responsive css ------------*/
 .album-page > .sort-text{ margin: 0 0 10px; } .album-card-style { width: 19.8%; display: inline-block; margin: 10px 0 20px; vertical-align: top; } .album-card-style > .album-title{ padding: 10px 0; width: 95%; clear: both; text-align: left; font-size: 14px; } .album-card-style > .album-title > div{ padding: 0 5px 5px; } .album-card-style > a > .album-card-box{ background: #e7e7e7; border-radius: 4px; height: 250px; padding: 5px 6px; width: 95%; } .album-card-style .album-card-box > div:first-child{ width: 230px; margin: 0 auto; } .album-items{ padding: 0; margin: 2% 2%; display: inline-block; height: 70px; width: 65px; } .album-items img { max-height: 70px; } .album-head-left{ float: left; } .album-head-left > .sidemenu_header{ padding-top: 12px; } .album-head-right{ float: left; padding: 10px; margin-left: 15px; } #addNewBox > div{ width: 95%; vertical-align: top; padding: 5px 10px; border: 2px #e7e7e7 solid; } #addNewBox > div > p:first-child{ text-align: center; font-weight: 600; font-size: 1.2em; padding: 10px; margin: 0; } .addAlbum-btn-box{ padding: 10px; } .addAlbum-btn-box > span{ display: inline-block; width: 49%; text-align: center; vertical-align: middle; font-style: normal; font-weight: 400; line-height: 17px; cursor: pointer; } .addAlbum-btn-box > span:first-of-type{ color: #09f; } .addAlbum-btn-box > span:last-of-type{ border-left: 1px solid #dfdede; } .album-title{ position: relative; } .album-edit-box{ position: absolute; top: -180px; right: 0px; background-color: #FFFFFF; border: 1px solid #E0E0E0; width: 150px; padding: 0 !important; display: none; } .album-edit-box > div{ border-bottom: 1px #e7e7e7 solid; } .album-edit-box > div:last-child{ border-bottom: 0; } .album-edit-box > div{ padding: 7px 10px; cursor: pointer; } .album-title > input:checked+.album-edit-box { display: block; } .album-title > .album-edit-txt-box{ position: absolute; top: 0; width: 100%; border: 0; display: none; padding: 5px !important; } .album-card-style input[type="text"]{ width: 100%; padding: 0.5em 0; background: transparent; border: none; border-radius: 0; border-bottom: 2px solid #ccc; } .get_icon{ display: flex; justify-content: space-between; align-items: center; } .dispay-album-name{ width: 85%; word-break: break-all; display: inline-block; } .position-box{ border: 2px #000 solid; border-radius: 25px; padding: 0px 5px; background: #fff; font-weight: bold; cursor: pointer; margin-top: 5px; display: block; width: fit-content; } .album-way > ul > li{ display: inline-block; } .album-way > ul > li:last-of-type > span{ color: #aaa; } .itmes-album-head{ width: 100%; } .itmes-album-head > h1.collection_info{ font-size: 16px; line-height: 1.3em; font-family: 'Neue Helvetica'; letter-spacing: 0.3px; color: #c6838a; margin-bottom: 0.15em; font-weight: 400; text-align: left; display: inline-block; } .album-content{ text-align: left; padding: 25px; } .album-content label{ font-weight: bold; margin-bottom: 5px; } .album-content input[type="text"]{ padding: 1em; width: 100%; } .album-frame-icon{ border: 1px #e7e7e7 solid; padding: 7px; font-size: 15px; background-color: #fff; text-align: center; width: 40px; } .itmes-album-head .album-frame-icon{ margin-left: 1rem; } .album-iconBox{ background-color: #fff; } .album-iconBox > ul > li{ font-size: 20px; padding: 12px; width: 49px; text-align: center; outline: 1px solid #e7e7e7; /* use instead of border */ margin-top: 1px; margin-left: 1px; } .album-iconBox > ul > li:hover{ background: #e7e7e7; } .markIcon{ background: #e7e7e7; } .onpage-album_icon{ vertical-align: middle; } .album-color-iconBox{ margin-bottom: 10px; } .album-color-iconBox > ul > li{ width: 49px; height: 44px; outline: 1px solid #e7e7e7; /* use instead of border */ margin-top: 1px; margin-left: 1px; display: inline-block; } .album_allalbum .album-iconBox{ background-color: initial; } .album_allalbum.album-color_onlist .album-iconBox > ul > li{ width: 33px; padding: 10px 4px; } .album_allalbum.album-color_onlist .album-color-iconBox > ul > li { width: 30px; height: 30px; } .album_allalbum{ border: none; border-radius: 0; border-bottom: 2.5px solid #ccc; } .album_icon-color.bgno{background-color: #5c5850;} .album_icon-color.black{background-color: #070813;} .album_icon-color.blue{background-color: #1a0ce9;} .album_icon-color.green{background-color: #74d326;} .album_icon-color.yellow{background-color: #fdd72a;} .album_icon-color.orange{background-color: #fe6219;} .album_icon-color.pink{background-color: #FF00FF;} .album_icon.bgno{color: #5c5850;} .album_icon.black{color: #070813;} .album_icon.blue{color: #1a0ce9;} .album_icon.green{color: #74d326;} .album_icon.yellow{color: #fdd72a;} .album_icon.orange{color: #fe6219;} .album_icon.pink{color: #FF00FF;} .albumLayer{ white-space: normal; margin-bottom: 15px !important; } .albumLayer .albemMainBox{ text-align: left; width: 85%; color: #5c5850 !important; display: flex; flex-wrap: wrap; align-items: flex-start; } .albumLayer .more-text:first-child{ margin-top: 10px; } .albumLayer .more-text{ text-align: left; padding: 10px 0; } .albumLayer .more-text div{ text-align: center; font-size: 20px; } .albumLayer .album-items { height: 65px; width: 29%; } .min-name-album .get_icon{ margin-top: 10px; } .albumLayer .min-name-album > div:first-of-type{ flex-grow: 9999; } .albumLayer .album-card-style > a > .album-card-box { height: 223px; } .albumLayer .album-card-style { width: 20%; margin: 0; margin-top: 10px; } .albumLayer .album-card-style.min-box:hover { color: #c76871; background-color: #fdf1f3; } .albumLayer .album-card-style.min-box { cursor: pointer; margin: 0; width: 19%; background-color: #e7e7e7; margin: 5px; border-radius: 4px; } .albumLayer .album-card-style.min-box > .album-title{ padding: 15px 5px;; } .layer-album-style{ display: flex; justify-content: space-between; align-items: stretch; margin:10px 0 20px; } .albumLayer .album-card-style .album-card-box > div:first-child { width: 100%; margin: 0 auto; } .albumLayer .sort-text{ text-align: left; } .albumLayer .sort-text a, .albumLayer .sort-text b{ font-size: 13px; text-decoration: underline; color: #5c5850; } #IFrameBG.mobilefixed{ overflow: auto !important; } .nextpage{ margin-bottom: 0.5em; } @media(max-width: 1150px) { .album-card-style { width: 24.8%; } #backToTop { right: 10px !important; left: initial !important; } .overlay, .secondTable ul li ul, .firstTable, .tableGen, .inTable{ width: 100%; } .contentwidth { padding-left: 10px; padding-right: 10px; } #IFrameHeight{ padding: 10px 15px 0 !important; } .product_info{ width: 90% !important; } } @media(max-width: 1024px) { .album-card-style { width: 32.8%; } .product_img img{ width: auto !important; height: auto !important; } .collection_desc{ margin: 10px; } .collection_desc span{ font-size: 1rem !important; } } @media(max-width: 950px) { #ContenerPic > figure{ width: 80%; } #myCanvas{ width: 100% !important; height: auto !important; } .vimeo_iframe{ max-width: 100%; height: 230px; padding: 0; } .vimeo_iframe.video_square{ height: 390px; } } @media(max-width: 768px) { .vimeo_iframe{ max-width: 100%; } .video_mobile > div{ width: 100% !important; margin: -70px 0 -50px; } .album-card-style { width: 97%; margin: 10px 0 0px; } .album-card-style > a > .album-card-box{ width: 97%; margin: 0 auto; height: 280px; padding: 20px 0; } .album-card-style > .album-title { width: 97%; font-size: 1.2em; margin-bottom: 20px; } .album-list > ul{ width: 98%; } .album-box > a{ font-size: 15px; vertical-align: middle; } .album-items{ width: 33%; background: transparent; border: none; } .album-edit-box{ width: 165px; } .album-edit-box > div{ padding:10px; } .album-card-style input[type="text"]{ font-size: 1.1em; } .album-title > .album-edit-txt-box{ padding: 10px; } .album-edit-box{ position: absolute; top: -280px; } .swiper-shopbycat .swiper-slide{ width:100% !important; } .swiper-shopbycat .swiper-slide > p{ padding-bottom: 25px; } .nextpage{ margin-bottom: 1em; } .TopOfPage img.mobile-visible{ margin: 0 auto; } .collection_desc{ max-width: 350px; margin: 10px auto; left: 0; right: 0; } .manageitemArea{ width: 100%; margin:0; min-width: auto; } .BoxProductType{ width: 100%; } .BoxProductType .product_img-border{ padding: 20px; } #AccountMSG{ position:inherit; border-top:1px solid #cfcfcf; float:none; margin-top:5px; } .product_area .text-center img{ margin:0 auto; } .TopOfPage{ padding: 0 5px; clear: both; } .media_desktop{ display: none; } .media_mobile{ display: block !important; position: inherit; z-index: 2; } .media_mobile.bg_opacity{ opacity: 0.3; z-index: 1; } .media_mobile_bg{ padding: 10px; } .media_mobile_content{ position: relative; width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; } .media_bgcontent{ position: absolute; top: 0; left: 0; width: 100%; height: auto; object-fit: cover; opacity: 0.3; z-index: 0; } .media_mobile_text{ position: relative; z-index: 1; } .product_info{ width: 97% !important; } .product_page .row{ padding:10px 0 0; } .product_content .swiper-wrapper > .swiper-slide, .search_page .swiper-wrapper > .swiper-slide{ width: 100% !important; height: 100% !important; } .product_content .swiper-wrapper > .swiper-slide img, .search_page .swiper-wrapper > .swiper-slide img{ width: 100% !important; height: 100% !important; } .column.two-fifth.paddingleft{ /* padding left on product caontent area */ padding-left: 0 !important; } .minitext{ padding-top: 10px } .product_mobile{ display: block; width: 50%; float: left; padding: 0; margin: 0; box-sizing:border-box; } .product_mobile .product_info{ min-width: auto !important; } /*.tag_display .floatleft{ padding-left: 25%; }*/ #loginWrap #loginFrameWrap{ width: 100%; } #AltProdVideo{ width: 100%; text-align:center; display: none; } .alt_video{ max-width: 250px; margin: 0; border:1px solid #cccccc } .full_video{ margin-top: 40%; } .full_video iframe, .full_video video{ width: 100%; height: auto; } .box_video .fad{ font-size: 5em; } .paypal_info button{ width: 100%; } select.currency_box{ max-width: 45px; } .swiper-font:before, .swiper-font:before{ font-size: 1.5em !important; } .BoxMoreImg{ max-width: 80px; } .NoticeContent{ margin: 60px 0px -60px !important; padding-top:5px; } .notice_area{ bottom: 40px; right: 0; left: 1%; } .notice_block{ width: 98%; } .notice_font{ font-size: 1.3em; } .onmobile #BodyWrap{ margin-bottom:50px; } .mobilefixed #MainContentArea, .mobilefixed .footer-container, .mobilefixed #Top-Menu{ overflow:hidden !important; right: 1000px; top: -150vh; } .mobilefixed .on_iphone #MainContentArea, .mobilefixed .on_iphone .footer-container, .mobilefixed .on_iphone #Top-Menu{ height:0vh !important; } .mobilefixed #MainHeaderArea{ margin-top:0; } .mobilefreeze{ overflow: hidden !important; } .toolTip iframe, .related iframe, .signin iframe, .invoiceFrame iframe { border: 0px; z-index: 15; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .DiscountLayer{ width: 60%; left: 20%; } /*a, p{ line-height:1.6em; font-size:1.1em; }*/ .account_menu a, .menu_link{ font-size:1.3em; } .iframe_action{ /*font-size:1.5em;*/ margin-top:10px; } .button, button, input[type="button"], input[type="submit"], input[type="reset"]{ font-size:1.1em !important; line-height:2em !important; white-space:nowrap; margin-bottom:1em; display:inline-block; -webkit-appearance: none; } .button.display6{ font-size:0.8em !important; } input{ padding: 1em; } select{ height: 40px; padding: 0 10px; font-size: 14px; } #resizeLinkText, #resizeLinkBottom{ display:none; } .close_overlay{ font-size:2.8em; } .product_page .collection_info{ font-size:1.5em !important; } .product_page #MainProductArea .collection_info{ font-size:1.5em !important; width: 100%; display: table; position: relative; z-index: 8; } .product_page #MainProductArea .collection_info > span:first-child{ width: 75%; text-align: left; vertical-align: middle; display: table-cell; } .collection_info > .shareIconProductPage{ display: none; } .more_details{ max-height:none; } /*.signin #OrderingIFrame{ height:93vh !important; }*/ .bodyfixed{ position: fixed; overflow: hidden; } .mobilefixed{ overflow: hidden !important; max-width: 100vw; -webkit-overflow-scrolling:auto !important; } input[type="checkbox"], input[type="radio"]{ margin:0 7px; } .boxColumn > div{ display: block; padding: 5px 0 10px 5px; } .absolute_wrap{ position:static; } .warranty_page .column.fifth{ width: 50%; float: left; } .warranty_page .invDesWidth{ width: 90%; margin-bottom: 10px; } .warranty_list .invDesWidth{ width:80%; } #WarrantyArea input[type="checkbox"]{ float: left; margin: 2px 10px 3em 10px; } .warranty_page .myaccount-border label { width: 98%; width: calc(100% - 50px); } .reportDetail .detail-info .tableGen.firstTable, .statusreport_page .imageWidth, .pdf-text { text-align: center; } footer .customblock{ margin-left:0px !important; } .point_login, .shadow_login{ display:none; } .customblock table, .customblock tr, .customblock td, .customblock tbody { display: block !important; width: 100% !important; height: auto !important; } .body_container, .warranty_page .span6{ width:100% !important; } .body_container, .nav-menu.custom_max_w{ padding:0 !important; } .product-viewer.third{ text-align:center; } .invDetail{ margin-top:10px !important; } #backToTop{ right:30px !important; } .orderdetails_row div.column.fourth{ margin-bottom:1.5em !important; } .cart_dashed_line.span10{ width:100%; } #IframeContent .orderBorder, .overlay .orderBorder{ padding:0; } .item_row > div.column, .item_row > div > div { display: block; } .pdf_invoice-w20 { display: block !important; width: 100 !important; } .fixedTop{ top:40px !important; } #SurveyIframe { max-height:inherit !important; } #iframe_details, .column-left , .column-right , .secondTable ul li ul, .firstTable, .imageWidth, .inTable, .borderHR, .invDesWidth{ max-width: 100% !important; } .padding-left{ padding-left:0; } .product_wrap.column { width: 100% !important; margin-bottom: 30px !important; } .main_account section, .myaccount-border >label { width: 100%; } .mobile-visible, .mobile-block, .x-gap.mobile-visible { display: block !important; } .mobile-hidden, .x-gap { display: none !important; } .page_navigator, .page_navigator-bottom { text-align: right; margin-top: 10px; } .page_navigator ul, .page_navigator-bottom ul { width: 100%; margin: 15px 0; } .page_nav.mobile-visible { margin: 15px 0; } .page_nav .menu_selected{ padding: 5px; } .page_nav .menu_selected a{ font-size: 1.5em; text-decoration: none; } .overlay { width: 95% !important; max-height: 94%; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; z-index: 21; } .overlay.surveyframe { border-style: solid; } .overlay_content .ordering-nav{ position: static; padding: 10px 0; } .overlay_content{ max-height: none; padding: 0; /* height: 100vh; */ } .overlay_content > div { height: 99% !important; width: 100% !important; } /* .overlay_content > div.more_details{ height: 85vh !important; } */ .overlay .orderring-hidden{ padding-bottom: 0; } .onmobile .overlay { width: 93% !important; top: 31%; overflow: auto; } .overlay.alert_box, .overlay.confirm_dialog{ height: auto !important; width: 95% !important; } .onmobile .close_overlay{ font-size:3.5em; color:black; /* background: white; */ top:0; right: 0; padding: 0 10px !important; } .confirm_dialog .close_overlay{ background: transparent; } .onmobile .overlay_content, .alert_box .overlay_content{ padding: 35px 5px 5px 5px; height: 100%; } .confirm_dialog .overlay_content{ padding: 0; } #ActionArea .fa{ margin-right: 20px; } .clear-float{ float: unset !important; text-align: center; margin-bottom: 10px; } .tableGen{ display: block; background-color: transparent; } .tableGen ul, .displaytable > ul{ display: inline-block; vertical-align: top; width: 100%; padding-left: 0; } .tableGen ul li, .displaytable > ul > li{ display: block; width: 100% !important; margin: 0; } .inTable ul, .tableProduct ul li ul{ display: table-row !important; } .statusreport_page .inTable ul { display: block !important; } .inTable ul li, .mobile-cell{ display: table-cell !important; } .inTable ul li ul{ display: block; margin: 0 5px 0 5px; text-align: center; } .textSpecification{ width: 120px; } .returnList{ margin-top: 0 !important; margin-bottom: 0; } .returnList ul{ margin-bottom: 20px !important; } .returnList ul .moblie-return{ background-color: #FFFFB4; color: black; text-align: left !important; } .returnList ul:last-child .return-none, .topli{ display: none !important; } .returnList ul, .clearbackgroundPDF li { background-color: white; } .first-invoice-table ul li.invDetail { text-align: left !important; } .tableProduct{ border: none; } .tableProduct ul { width: 100% !important; margin-bottom: 30px ; border-top: 1px solid #bebdbb; border-left: 1px solid #bebdbb; border-right: 1px solid #bebdbb; padding: 0; } .tableProduct ul li{ width: 100% !important; display: table ; padding: 0; margin: 0; border-right: none; } #returnreport .tableProduct ul.clearbackgroundPDF li{ padding: 5px; text-align: left !important; } .tableProduct ul .mobile-visible{ display: table !important; } .tableProduct ul li ul li{ width: 30% !important; display: table-cell ; text-align: left; white-space: normal; word-break: break-all; padding: 5px; } .tableProduct ul li ul li:last-child{ width: 60% !important; } input[type="number"]{ width:35%; } .tableProduct ul .textHeader{ height: 20px !important; vertical-align: middle !important; } .invoiceTable{ margin: 0 0 1em; border-top: none; border-right: none; } .invoiceTable ul{ margin-top: 2em; } .invoiceTable ul li{ display: table; padding: 0 !important; border: none; } .invoiceTable ul li ul{ display: table-row !important; } .invoiceTable ul li ul li{ border-top: 1px solid #bebdbb; border-left: 1px solid #bebdbb; display: table-cell !important; width: 50% !important; padding: 8px !important; } .tableGen.invoiceTable ul { border-bottom: 1px solid #bebdbb; border-right: 1px solid #bebdbb; } .invoiceTotal{ border: 1px #bebdbb solid !important; margin: 2em 0 0; } .invoiceTotal ul li:first-child{ background: #F2F2F1; text-align: center !important; margin: 0 0 10px 0; padding: 0 0 10px 5px; border-bottom: 1px solid #bebdbb; } .invoiceTotal ul li.invWidth45per { padding: 10px 0 10px 0; margin: 0; } .invoiceTotal ul li ul li:first-child, .invoiceTotal ul li ul li:last-child{ display: table-cell; text-align: left !important; background: white; border: none !important; } .headerTable, .inTable ul li.mobileSet{ display: none !important; } .inTable, .inTable ul li ul{ float: unset; margin: 0; } .inTable{ width: 100% !important; } .inTable ul{ display: inline-block; width: 100%; } .inTable ul li{ display: block !important; width: 100% !important; padding: 0.2em; } .inTable ul li ul li, .pdf-Weight ul li.fullblock { display: inline-block !important; width: 50% !important; } .inTable ul li ul:first-child{ border-top: 1px #bebdbb solid; border-left: 1px #bebdbb solid; border-right: 1px #bebdbb solid; } .inTable ul li ul:last-child{ border-bottom: 1px #bebdbb solid; border-left: 1px #bebdbb solid; border-right: 1px #bebdbb solid; } .inTable ul.headerTable { display: none !important; } .mobileDisplay{ display: inline-block !important; } #contentstyle .moblieShowHeader{ display: block !important; width: 100% !important; text-align: center; } .secondTable .borderHR{ margin: 20px 0; } .column.third.carttotal{ width:100%; } .imageWidth .product_img { text-align: center; display: inline-block !important; margin: 0 5px 5px 0; } .customblock.span1, .customblock.span2, .customblock.span3, .customblock.span4, .customblock.span5, .customblock.span6, .customblock.span7, .customblock.span8, .customblock.span9, .customblock.span10, .customblock.span11, .customblock.span12 { display: block; width: 100% !important; margin-left: 0; margin-right: 0; } .warranty_page #WarrantyContent input{ width: 100%; } #WarrantyPage.warranty_page .warranty_button { width: 30%; float: right; margin-bottom: 25px; padding: 8px !important; } #WarrantyPage.warranty_page .add_warranty{ float: left !important; } .imageSet, li.imageSet.pdf-width{ float: none; width: 100% !important; margin: 0 auto; padding-bottom: 10px; text-align: center; } .left-label-form label{ display:block; } .left-label-form input[type="text"], .left-label-form .width93{ width:93%; } #IframeOverlay{ max-height: none; height: 100vh !important; top:0; z-index:21; } iframe#OrderingIFrame, iframe#loginFrame{ max-width: 100vw !important;; width: 100vw !important; height: 100vh !important; min-height:inherit !important; margin-top:0; top:0; } .toolTip, .invoice_iframe{ left:0 !important; right:0 !important; top:0 !important; position:fixed; height:100vh; z-index:20; } .frame_wrap.show_point{ max-height:none !important; height:100vh !important; position:inherit; z-index:20; } .point_shadow, .point, .point_shadow2, .point2{ display:none; } #IFrameHeight{ padding:10px 10px 0 !important;} .container{ height:auto; } .phone_type, .phone_type label{ margin: 0; } /* search page */ #RetailSearch .fa-search{ font-size: 15px; } #RetailSearch > #MainSeachBox{ width: 80%; min-width: unset !important; } #RetailSearch > button{ line-height: normal !important; padding: 5px 10px; } #SearchSubmit{ margin-top: 10px; } #mulitiSearch > div.inline_block{ display:block; } #MainSeachBox{ width:100%; } #basicSearch > div:first-child, #mulitiSearch > div:first-child{ padding: 0 0 10px 0; } #mulitiSearch, #boxClick:checked ~ #basicSearch{ display: none !important; } #basicSearch, #boxClick:checked ~ #mulitiSearch{ display: block !important; } #basicSearch > div:last-of-type > input[type="submit"]{ width: 100%; padding: 5px; white-space: normal; } .layer-album-style { flex-direction: column; } .album-card-style .album-card-box > div:first-child { text-align: center; } .album-items { width: 29%; } .album-edit-box { top: -245px; } } @media(max-width: 640px){ /*.tag_display .floatleft{ padding-left: 0; }*/ .product_img > img{ min-width: 75px; } .ordering_page .product_img:first-child > div, .ordering_page .product_img:first-child > div > img{ width: auto !important; height: auto !important; } .DetailThree{ margin-top:5px; margin-bottom:5px; } #MarketingContent{ margin: 60px 20px -60px !important; } .cart_page .button, .cart_page button{ width: 98%; max-width: none; } .textSpecification{ text-align: center !important; width: 100%; } .leftText{ margin-left:0; } .moblieShow{ display:inline-block !important; } .secondTable ul{ width: 100% ; margin: 0 auto; } .small-size{ text-decoration: underline; font-weight: bold; display: block !important; } input[type="checkbox"], input[type="radio"]{ /* transform: scale(1.5); margin: 1em 13px 0 7px; */ padding: 0; } } 

/*---------- calendar css ------------*/
 #calendar{ width: 242px; height: 167px; text-align: center; margin: 5px auto; border: 1px solid #000; background-color: #f3f8ff; position: absolute; font: 11px Trebuchet MS; } .months, .emptM, .headDay, .dayNormal, .dayBlank, .dayDisabled, .dayWeekend, .dayCurrent, .yearBrowse, .monthDisabled, .currMonth, #closeBtn{ margin: 1px 0 0 1px; padding: 0; width: 39px; height: 14px; line-height: 14px; float: left; text-align: center; background-color: #feefe4; color: #000; display: inline; } .emptM, .dayDisabled, .monthDisabled{ color: #d7d6d5; background-color: #f2f2f2; } .headDay{ color: #fff; background-color: #48688f; width: 33px; } .dayNormal, .dayBlank, .dayWeekend, .dayCurrent{ color: #fff; background-color: #70b0ff; width: 33px; } .dayBlank{ background-color: #f3f8ff; } .dayCurrent, .currMonth{ background-color: #71d45b; } .dayDisabled{ width: 33px; } #days{ margin-left: 1px; width: 238px; } #elements{ height: 150px; } .months a, #days a, .currMonth a{ color: #000; text-decoration: none; display: block; } .currMonth a, #days a{ color: #FFF; } .yearBrowse, #closeBtn { width: 238px; background-color: #FFF; line-height: 14px; } .yearBrowse a, #closeBtn a{ text-decoration: none; color: #f30; font-weight: bold; } .yearBrowse b{ margin: 0 5px; } 

/*---------- swiper css ------------*/
 .swiper-slide { text-align: center; font-size: 18px; background: transparent; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-button-next, .swiper-button-prev{ background-image: none !important; top: 45% !important; } .swiper-button-next.fa:before, .swiper-button-prev.fa:before{ font-size: 3em; } /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container, .swiper-container-ordering{ margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; height: 100%; } .swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; } .swiper-pagination.disabled { display: none; } .swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} 

/*---------- product-homepage plugin css ------------*/
 .catslide .ph-cell{ max-width: 19% !important; padding: 5px 10px; } .ph-nav_icon { float: right; margin: 0 0 5px 7px; } .ph-block { border: 1px solid #c0c0c0; position: relative; padding: 2px; } .ph-block .point_shadow, .ph-block .point { bottom: -17px; } .ph-productimg img { cursor: pointer; } .ph-productimg img.noPointer{ cursor: default; } .ph-caption, .ph-caption_moreinfo { opacity: 0; bottom: -41px; padding: 2px; display: table; background: #f7f6f2; position: absolute; -webkit-transition: all 0.10s ease-in-out; -moz-transition: all 0.10s ease-in-out; -o-transition: all 0.10s ease-in-out; -ms-transition: all 0.10s ease-in-out; transition: all 0.10s ease-in-out; } .ph-caption_moreinfo { bottom: -36px; } .ph-block:hover .ph-caption, .ph-block:hover .ph-caption_moreinfo { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); /* IE 5-7 */ -khtml-opacity: 0.8; /* Safari 1.x */ -moz-opacity: 0.8; /* Netscape */ transform: translateY(-42px); -webkit-transform: translateY(-42px); -moz-transform: translateY(-45px); -ms-transform: translateY(-42px); -o-transform: translateY(-42px); } .ph-block:hover .ph-caption_moreinfo { transform: translateY(-36px); -webkit-transform: translateY(-36px); -moz-transform: translateY(-39px); -ms-transform: translateY(-36px); -o-transform: translateY(-36px); } .ph-price { float: right; color: #655c3b; font-size: 14px; margin: 3px 10px 10px 5px; } .ph-action { width: 100%; display: table; } .ph-action > .ph-row > span { font-size: 12px; display: table-cell; width: 50%; vertical-align: bottom; } .ph-moreinfo { float: right; font-size: 10px; cursor: pointer; margin: 2px 8px 0 0; } .ph-table { overflow: hidden; width: 100%; clear: both; } .ph-row { display: table-row; } .ph-cell { text-align: center; padding: 5px 3px; vertical-align: top; /*float:left;*/ display: inline-block; position: relative; } .ph-CatTitle{ float: left; margin: 15px 0; } .ph-CatTitle strong{ font-size: 14pt; } .ph-caption_Banner{ position: absolute; right: 0; z-index: 0; cursor: pointer; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; -moz-transition: all .2s ease-out 1s ease-in-out 0s; -ms-transition: all .2s ease-out 1s ease-in-out 0s; -o-transition: all .2s ease-out 1s ease-in-out 0s; -webkit-transition: all .2s ease-out 1s ease-in-out 0s; transition: all .2s ease-out 1s ease-in-out 0s; } .ph-caption_Banner > div{ margin: 0; font-size: 14px; padding: 8px 15px 9px 15px; } .ph-caption_Banner > div > span{ display: block; } .ph-halfblock .ph-caption_Banner { width: 80%; bottom: 20px; min-height: 65px; } .ph-fullblock .ph-caption_Banner { width: 100%; height: 100%; bottom: 0 !important; } .ph-fullblock .ph-caption_Banner > div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center !important; } .tablewrapper{ position: relative; } .ph-nav_icon_on_imgPrev, .ph-nav_icon_on_imgNext{ position: absolute; top: 40%; z-index: 2; } .ph-nav_icon_on_imgPrev{ left: 10px; } .ph-nav_icon_on_imgNext{ right: 10px; } .ph-nav_icon_on_imgPrev .far, .ph-nav_icon_on_imgNext .far{ font-weight: 100; } .ph-productimg{ line-height: 0; } .NavDot > .dot{ cursor:pointer; height: 8px; width: 8px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .NavDot{ bottom: 15px; display: block; font-size: 25px; height: 1em; left: 0; position: absolute; right: 0; text-align: center; width: auto; z-index: 2; } .ph-active, .dot:hover { background-color: #e09d00 !important; } @keyframes fa-spin-home { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-spin-home:after{ font: normal normal normal 14px/1 FontAwesome; webkit-animation: fa-spin 1s infinite linear; animation: fa-spin 1s infinite linear; content: "\f110"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 30pt; } .ph-table > .BoxImg{ display: none; position: relative; } .ph-table > .BoxImg:first-of-type{ display: block; } .ph-table{ width: 100%; height: 100%; } /* this is the important part */ .ph-table .swiper-slide { width: auto; } .swiper-pagination-clickable .swiper-pagination-bullet { margin: 0 1.5px; } .animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s} @-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} @keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} .animate-right{position:relative;-webkit-animation:animateright 0.4s; animation:animateright 0.4s} @-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} @keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} @-webkit-keyframes animaterightoff{from{left:0px;opacity:1} to{left:-300px;opacity:0}} @keyframes animaterightoff{from{left:0px;opacity:1} to{left:-300px;opacity:0}} @-webkit-keyframes animateleftoff{from{right:0px;opacity:1} to{right:-300px;opacity:0}} @keyframes animateleftoff{from{right:0px;opacity:1} to{right:-300px;opacity:0}} @media (max-width: 1150px) { .Tablet-Hide{ display: none; } .catslide .ph-cell{ max-width: 33.33% !important; } } @media (max-width: 768px) { .ph-nav_icon_on_imgPrev-mb, .ph-nav_icon_on_imgNext-mb{ position: absolute; top: 40%; z-index: 2; outline: none; } .ph-nav_icon_on_imgPrev-mb{ left: 0px; } .ph-nav_icon_on_imgNext-mb{ right: 0px; } .ph-nav_icon_on_imgNext-mb.fa:before, .ph-nav_icon_on_imgPrev-mb.fa:before{ font-size: 1.5em; } .catslide .ph-cell{ max-width: 100% !important; } } @media (max-width: 640px) { .NavDot{ bottom: 0; } .Tablet-Hide{ display: inline-block; } .Mobile-Hide{ display: none; } .ph-caption, .ph-caption_moreinfo { bottom: 0px; opacity: 0.8; } .ph-block:hover .ph-caption, .ph-block:hover .ph-caption_moreinfo { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } .ph-block:hover .ph-caption_moreinfo { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } } 

/*---------- customer-review plugin css ------------*/
 .CustReview1{ clear: both; display: block; width: 100%; padding: 5px; margin: 10px 0; box-sizing: border-box; overflow: hidden; } .CustReview1 >div:first-of-type{ float: left; width: 40%; box-sizing: border-box; } .CustReview1 >div:last-of-type{ float: right; width: 60%; box-sizing: border-box; padding-bottom: 10px; } .StarByReview .fa-star, .BoxCustRating1 .fa-star, .BoxCustRating1 .fa-star-half-alt{ padding: 0 1px; box-sizing: border-box; color: #FF9900; font-size: 13pt; } .CustReview1 .DetailReview{ display: table; width: 100%; border: 0; padding: 10px 0; margin: 0; box-sizing: border-box; } .CustReview1 .DetailReview >ul{ display: table-row; } .CustReview1 .DetailReview >ul >li{ display: table-cell; vertical-align: top; } .CustReview1 .DetailReview >ul >li:first-of-type{ width: 50px; padding-right: 10px; box-sizing: border-box; } .CustReview1 .DetailReview .text-middle{ vertical-align: middle; } .CustReview1 .DetailReview .text-middle, .CustReview1 .DetailReview .text-top{ text-align: right; } .CustReview1 .fa-quote-left, .CustReview1 .fa-plus{ font-size: 20pt; color: #D0D0D0; } .CustReview1 .fa-minus{ font-size: 40pt; color: #D0D0D0; } .CustReview1 .fa-plus, .CustReview1 .fa-minus{ cursor: pointer; padding-left: 10px; box-sizing: border-box; } .CustReview1 hr{ clear: both; background-color: #D0D0D0; } .CustReview1 >div:first-child >div{ padding: 5px 0; font-weight: bold; } .CustReview1 .DetailReview >ul >li div{ padding-bottom: 20px; box-sizing: border-box; } .CustReviewLink{ padding-top: 10px; text-align: right; text-decoration: underline; box-sizing: border-box; } .BoxCustRating1{ display: table; width: auto; padding: 10px 0; margin: 0 auto; text-align: center; box-sizing: border-box; } .BoxCustRating1 >ul{ display: table-row; } .BoxCustRating1 >ul>li{ display: table-cell; vertical-align: middle; text-align: left; } .BoxCustRating1 >ul>li:first-of-type{ padding-right: 15px; text-align: center; box-sizing: border-box; } .BoxCustRating1 >ul>li:first-of-type >div>span:not(.fa-star):first-of-type{ font-size: 25pt; } .BoxCustRating1 >ul>li:first-of-type >div:last-of-type{ padding-top: 10px; box-sizing: border-box; } .BoxCustRating1 a{ text-decoration: underline !important; } 

/*---------- header ------------*/
 .GG_translate{ padding: 3px 0px; text-align: left; } @media (max-width: 768px) { .GG_translate{ padding: 5px; text-align: left; } } 

/*---------- menu ------------*/
 .search_page .sidemenu_header { margin-top: 15px; } .menu_sidebar ul, .invoiceTotal ul li{ padding: 0; } .menu_sidebar li { margin: 0; padding: 10px 5px; } .menu_sidebar li a, .product_sublist li a { padding: 2px 2px; } .invoice_menu li:not(.sidemenu_header){ margin-bottom: 20px; } .invoice_menu .sidemenu_header{ margin-bottom: 10px !important; } .sidebar ul { margin-bottom: 20px; overflow: hidden; } .sidebar ul:last-child { margin-bottom: 0; overflow: hidden; } .product_sublist { font-size: 0.95em; } .product_sublist li a { text-decoration: none; } .sidebar-title { padding-top: 25px; } .sidebar-split { margin: 10px 0 0; } .sidebar p { margin-bottom: 5px; } .menu_selected { background: #cccccc; } .SidebarMenu input[type=checkbox].buttonSide{ display: none; position: absolute; top: -9999px; left: -9999px; } .SidebarMenu label.buttonSide { display: none; cursor: pointer; user-select: none; } .search_page .menu_sidebar > p { padding: 0 5px; } @media (max-width: 767px) { .search_page .menu_sidebar > p { margin: 0 0 15px; padding: 0; } .SidebarMenu .menuMobile{ font-size: 1em; position: fixed; display: none; height: 100%; width: 100%; padding: 15px 0 0 40px; line-height: 1.5; background: #FFFFFF; overflow: auto; z-index: 18; top: 0; left: 0; } .SidebarMenu label.buttonSide { position: fixed; display: block; width: 10px; height: 28px; top:40%; left: 0; background: #000000; opacity: .5; z-index: 19; width: 20px; height: 40px; background-color: black; border-bottom-right-radius: 100px; border-top-right-radius: 100px; border: 2px solid gray; border-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .SidebarMenu label.buttonSide:before { font-family: FontAwesome; position: absolute; right: 5px; top: 9px; font-size: 3em; content: "\f105"; } .SidebarMenu input[type=checkbox].buttonSide:checked ~ label.buttonSide:before{ content: "\f104"; } .SidebarMenu input[type=checkbox].buttonSide:checked ~ .menuMobile{ display: block; } .SidebarMenu .menuMobile li { width: 100%; opacity: .8; text-align: left; display: block; margin: 0 0 10px; padding: 0; list-style: initial; } .search_page .menuMobile .sidemenu_header { margin-top: 25px; } .menu_sidebar{ padding: 0 15px 0 5px; } } 

/*---------- contact ------------*/
 .container-contact{ width: 100%; margin: 0 ; padding: 5px; } .areaContact { max-width:400px; width:100%; } .map-info{ border: 1px #D0D0D0 solid; background-color: #D0D0D0; padding: 10px; } /* css for google map */ .show-map{ height: 300px; width: 100%; margin: 0 auto; padding: 0; } .map-detail{ clear: both; display: table !important; width: 100%; padding: 5px 0; } .map-detail ul{ display: table-row; } .map-detail ul li{ display: table-cell; } .map-detail ul li a:hover{ color: blueviolet; } .contain-contact{ width: 100%; margin-top: 3%; /*border: 1px #D0D0D0 solid;*/ } .contain-contact header{ text-align: center; font: 2em; font-weight: bold; padding: 10px; } .contact-require{ line-height: 2em; text-align: center; } .contact-detail{ overflow: hidden; width: 100% !important; padding: 2px; } .contact-left{ float: left; width: 50%; overflow: hidden; } .contact-right{ float: right; width: 50%; } .contact-left label, .contact-right label{ margin: 5px; display: block; } .contact-left label > span:first-child, .contact-right label > span:first-child{ float: left; width: 35%; } .contact-left label input[type="text"], .contact-left label select, .contact-right label input[type="text"], .contact-right label select, label input[type="password"]{ border: 1px #D0D0D0 solid; width: 55%; } .contact-left label input[type="text"]:focus, .contact-left label select:focus, .contact-right label input[type="text"]:focus, .contact-right label select:focus{ border: 1px #0080FF solid; } .contact-right strong, .contact-right div{ line-height: 2em; } .btn-contact{ clear: both; text-align: center; padding: 10px; } .address input[type="text"]{ width: 90% !important; } @media (max-width: 768px) { .contact-left, .contact-right{ clear: both; float: none; margin: 0 auto; width: 90%; } } @media (max-width: 600px) { .map-detail, .map-detail ul, .map-detail ul li{ display: block !important; line-height: 2em; } } 

/*---------- account ------------*/
 .ShowCusLabel{ display: table; width: auto; padding: 0; margin: 0 auto; box-sizing: border-box; } .ShowCusLabel >ul{ display: table-row; } .ShowCusLabel >ul >li{ display: table-cell; padding: 10px; margin: 0; box-sizing: border-box; text-align: center; } .ShowCusLabel >ul >li >ul, .ShowCusLabel >ul >li >ul >li{ display: block; } .ShowCusLabel ul li.textLeft{ text-align: left; } .ShowCusLabel >ul:first-of-type >li{ font-weight: bold; } .ShowCusLabel >ul >li >ul >li:first-of-type{ display: none; } .ShowCusLabel ul li a{ text-decoration: underline; cursor: pointer; } .pdf_imgInv > ul, .pdf_imgInv > ul > li{ display: block; } #ShowLabelPrint hr{ margin: 15px 0; } #ShowLabelPrint p{ margin: 0; } #ShowLabelPrint .text-center{text-align: center;} #ShowLabelPrint .font-small{font-size: small !important;} .label-row{ word-break: break-word; float: left; border-right: 1px dotted black; } .label-row > div{ display: table-cell; vertical-align: middle; } .label-row > div > img{ margin: 0 auto; text-align: center; } .label-row:first-child{ border-left: 0; text-align: left; padding:2.5px ; box-sizing: border-box; } .label-row:last-child{ border-right: 0; text-align: left; padding:2.5px; box-sizing: border-box; } .label > div{ overflow: hidden; } .label > div > div:not(.labelPeperDetail){ position: relative; border: 1px solid black; float: left; width: auto; } .label > div > div:after{ content:''; position:absolute; top:-2; left:-2;bottom:-2;right:-2; border:3px solid #fff; border-radius: 15px; } .label > div > p{ font-size: 10pt; float: left; width: 100%; font-weight: bold; margin-bottom: 1px !important; } #ShowLabelPrint .PageBreak{ display: block; padding: 0; margin: 0; box-sizing: content-box; overflow: hidden; page-break-after: always; page-break-inside: avoid; } .box2labelpaper{ clear: both; display: block; padding: 0; margin: 0; overflow: hidden; box-sizing: border-box; } .detail2labelpaper{ display: inline-block; overflow: hidden; vertical-align: top; box-sizing: content-box; } .detail2labelpaper > div{ /* border: .1px black solid;*/ } .detail2labelpaper *{ overflow: hidden; text-overflow: -o-ellipsis-lastline; line-height: unset; } .labelchoose{ display: block; box-sizing: content-box; padding: 0 10px; text-align: center; } .ReviewRate{ display: inline-block; padding: 0; margin: 0; } .ReviewRate span.fa-star, .detail_custreview span.fa-star{ padding: 0 1px; box-sizing: border-box; cursor: pointer; color: #FF9900; font-size: 13pt; } .customtitle{ width: 60px; } #chooseIssuingBank{ max-width: 50%; } @media (max-width: 768px) { #chooseIssuingBank{ width: 93%; margin-bottom: 5px; } } 

/*---------- productdisplay ------------*/
 #more_attention{ color: #ff0000; line-height: 1.5em; padding-bottom: 20px; display: none; } .discount_price{ color: green; margin: 0.5em 0 !important; } .main_detail > div:not(.ordering_header), .boxProductLink, .topicBox > div, .orderign_box > div > div{ font-size: 14px; line-height: 1.4em; } .font14{ font-size: 14px; } .ordering_header, .toggleBtn > label, .boxProductLink > .boxProductAddon > div, .font15{ font-size: 15px; } /* .layoutImg{ padding: 5px; } */ .layoutImg > div:first-child{ position: relative; } #myCanvasZoom{ background: white; } .canvas_box{ transform: scale(0); transition: all .5s ease-in; position: absolute; top: 0; opacity: 0; overflow: hidden; } #ContenerPic .canvas_box{ top: 3px; } .product_info .product_img-border{ width: 100%; } .unavailable{ background: #e0e0e0; padding: 4.5em 0; font-size: 2rem; } /*.product_info:hover .product_img.product_img-border, .swiper-container:hover{ border-color: #666666 !important; box-shadow: 0 0 10px #666666; } */ .image_area{ text-align: center !important; } .image_area .swiper-button-prev, .image_area .swiper-button-next{ font-size: 8px; width: 29px; height: 28px; border-radius: 100%; border: 1px solid #666666; background: #ffffff; } .image_area .swiper-button-prev:focus, .image_area .swiper-button-next:focus{ outline: 0 none; } .image_area .swiper-button-prev:before, .image_area .swiper-button-next:before{ padding: 8px; } .image_area .swiper-button-prev{ left: -10px; } .image_area .swiper-button-next{ right: -10px; } .image_area .hidden{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } #PreviewLoading{ left: 35%; top: 45%; opacity: 0.6; position: absolute; display: none; } .tabs { display: flex; flex-wrap: wrap; border-bottom: 1px solid #E0E0E0; padding-bottom: 20px; /* border-top: 1px solid #E0E0E0; */ } .tabs > .input { position: absolute; opacity: 0; } .tabs > .label { width: auto; padding: 5px 0; padding-left: 30px; cursor: pointer; width: auto; text-decoration: underline; text-underline-offset: 0.3rem; text-decoration-color: #b3b3b3; } .tabs > .input:focus + .label { z-index: 1; } .tabs > .panel { display: none; padding-top: 5px; width: 100%; } .tabs > .panel > h2 { margin: 15px 0 5px 0; text-align: left; } .tabs > .input:checked ~ .panel { display: block; } .tabs #AIDefault { font-size: 12px; } .reviews-display-block > h2{ margin-top: 0; } .iconReviews.fa-minus:before { font-size: inherit !important; } .img_arrow_pic{ font-weight: 100 !important; font-size: 35pt !important; position: relative; top: 40%; padding: 5px; z-index: 13; color: #858585; } .img_arrow_pic.fa-angle-left{ left: 3px; } .img_arrow_pic.fa-angle-right{ right: 3px; } .Arrow_Box{ position: absolute; background-color: aliceblue; opacity: 0.5; padding: 5px; z-index: 13; height: 100%; top: 0; cursor: pointer; } .back_to_top { top: 20px !important; } .cartTop{ top: 90px !important; } .hidden{ display: none; } .mySlides {display:none;} .animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} .animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}} .animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} .animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} .animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} .animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}} .animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} .ordering_header{ margin-bottom: 0px; margin-top: 20px; text-align: left; font-weight: 600; line-height: 1.4; } #ChickenTrack{ margin:20px 20px 15px; } .chicken_track > span{ margin: 0 5px; } .overlay_content .orderign_box select.ordering_height{ display: none; } .display6, .display6:hover{ border: 1px solid #cccccc !important; } .ordering_height:not(.button){ vertical-align: top; padding: 0 !important; min-width: 40px; } .ordering_height.button.display6.none_radius, button.ordering_height.button.display6.none_radius, .ordering_height.none_radius{ border-radius: 0 !important; border-right: 1px !important; border-left: 1px !important; } .button.display6.ordering_height.right_none_radius, button.ordering_height.right_none_radius{ border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .button.display6.ordering_height.left_none_radius, button.ordering_height.left_none_radius{ border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .button.display6.ordering_height, button.ordering_height{ padding-top: 0; padding-bottom: 0; vertical-align: top !important; } .ordering_height.button.display6.padding_left{ padding: 0 !important; } .LineThrough{ text-decoration: line-through !important; } .productPrice .LineThrough{ color: #A6A6A6; } .button.display6.color_pink{ background-color: #E05FF7 !important; color: #FFFFFF !important; } .ordering3icon .fa:before, .fa-heart:before { font-size: 15pt; } .fa-heart:before { color: #c6838a; } .fa-facebook-square:before { color: #3D5A99; } .fa-line:before ,.fa-whatsapp-square:before { color: #00B900; } .fa-whatsapp-square:before { color: #50C65C; } .fa-google-plus-square:before { color: #DC4A38; } .fa-twitter-square:before { color: #2DAAE2; } .fa-pinterest-square:before { color: #BD081C; } .fa-facebook-messenger:before { color: #0084ff; content: "\f39f"; } .sharelayer > div > div.fa:before, .sharelayer > div > div.fab:before{ font-size: 15pt; } .ordering3icon{ display: inline-block; width: 100%; padding: 20px 0; text-align: center; margin: 0; } .ordering3icon >div{ line-height: 1; background-color: #FFFFFF; display: inline-block; font-size: 1.5em; padding: 5px 15px; border: 1px solid #E0E0E0; height: 32px; margin: 0 auto; } .ordering3icon >div >span{ cursor: pointer; } .sharelayer:hover #sharetosocial{ display: block; } .sharelayer{ position: relative; z-index: 1; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .sharelayer .fa-share-alt{ -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .sharelayer >div{ background-color: #FFFFFF; position: absolute; display: none; width: 200%; text-align: center; left: -46px; margin-top: 0; z-index: 1; top: 30px; border: 1px solid #E0E0E0; padding:2px; } .sharelayer >div >div{ /*display: block;*/ float: left; width: 50%; height: 30px; cursor: pointer; padding: 5px 3px; border-top: 1px solid #E0E0E0; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .sharelayer >div >div:nth-child(odd){ border-left: 1px solid #E0E0E0; } .sharelayer >div >div:nth-last-child(2), .sharelayer >div >div:last-child { border-top: none; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } } .makeofferDetail{ padding:0 10px; } .product_desc_right{ line-height: 1.7em; } .main_and_type a, .main_and_type a:hover{ text-decoration: none; color: #5c5850 !important; } /* .main_and_type{ font-size: 1.15em; line-height: 1.3em; } */ /* .FontForPrice{ font-size: inherit !important; } */ .wishlist_area{ text-align: center; } .wishlist_area > span > span{ vertical-align: -webkit-baseline-top; vertical-align: top; padding-top: 2px; padding-bottom: 7px; } #ProductDetail, .reviewsProduct, #detailSetpcustom, #orderDetail{ display: block; } #customlabel, #customsteplabel, #iconOrderLabel, .ReviewsList{ cursor: pointer; } .ReviewsBox{ margin-top: 10pt; } .reviews-display-block{ display: block !important; } .reviews-display-block p:first-child{ margin-top: 0; } .boxProductLink .fa:before, .ordering_height .fa:before{ font-size: 1em; } #custombtn:checked ~ .boxProductLink #coustomdetail, #customstep:checked ~ .boxProductLink #detailSetpcustom, #orderbox:checked ~ .boxProductLink #orderDetail, .reviews-display-none, #coustomdetail{ display: none; } .barImg{ display: none; width: 100%; margin: 0 auto; max-width: 500%; padding: 2px; } .barImg >span{ width: 33.3333333333%; text-align: center; } .barImg >span:nth-child(1), .barImg >span:nth-child(3){ cursor: pointer; font-size: 2.5em; } .imgmore{ display: inline-block; padding: 0; margin: 5px; vertical-align: top; } .imgmore:first-of-type { display: block; } .iframe_content .bottomfixed{ position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; } .active { display: block; width: 100%; margin: 0 auto; text-align: left; } .toggleBtn { display: block; width: 100%; margin: 0 auto; text-align: left; } .toggleBtn > label { cursor:pointer; padding: 20px 0; } .toggleBtn.active > label { font-weight: 600; } .below { display: none; width: 100%; /* padding: 0 10px 10px; */ margin: 0 auto; text-align: left; } .boxProductLink .below{ padding: 0 0 10px; } .below > div{ padding: 0 0 15px 20px; line-height: 1.5em; } /* .boxProductLink .below > div:first-child{ padding: 0 0 10px; } */ .frame_wrap{ position: initial !important; } .displayFontSize { font-size: 14px !important; line-height: 1.5; position: relative !important; } .below.active { display: block; } .boxProductLink{ display: block; width: 100%; padding: 0; margin: 0 auto; text-align: left; } .boxProductLink >div{ border-bottom: 1px solid #E0E0E0; padding: 0; } .hr2top{ border-top: 1px solid #E0E0E0; } .boxProductLink >div >div{ line-height: 1.5em; } .boxProductLink .fa{ cursor: pointer; } .ProductBoxDetail{ display: block; width: 90%; margin: 0; padding: 5px; text-align: left; } .area_show_img{ display: inline-block; padding: 2px; } .show_product_img8{ border-style: solid; border-width: 1px; background-color: #FFFFFF; padding: 2px; } .caption_arrow{ display: block; margin: 0 auto; padding: 5px; text-align: center; } .caption_arrow >div{ display: inline-block; padding: 0 5px; } .caption_arrow >div#CaptionImg{ min-width: 300px; } .caption_arrow .fa:before{ font-size: 2em; cursor: pointer; } .video_area{ display: table; width: auto; max-width: 100%; padding: 5px; margin: 0 auto; text-align: center; } .video_area >ul{ display: table-row; } .video_area >ul >li{ display: table-cell; vertical-align: middle; padding: 0 5px; } .video_area .fa:before{ cursor: pointer; font-size: 2em; } .video_area >ul >li:nth-child(2){ padding: 2px; border-width: 1px !important; border-style: solid !important; background-color: #FFFFFF !important; margin: 0 auto; margin: 5px 0; line-height: 0; } .video_area iframe, .video_area video{ max-width: 100%; } .tag_display{ min-height: 35px; } .box_play{ top: 30% !important; } /* The Close Button */ .close { font-size: 20pt; font-weight: bold; } .close:hover, .close:focus { text-decoration: none; cursor: pointer; } .order_type_election_box{ background-color: #fdf1f3; margin-top: 20px; padding: 10px; } .order_type_election_box > .ordering_header{ padding: 0; margin: 0; color: #c6838a; } .order-type-selection{ font-size: 15px; } .order-type-selection .info-note{ margin: 0 25px; display: none; font-size: 14px; } .order-type-selection .info-note p{ line-height: 1.3em; } .order-type-selection > label{ margin: 20px 0; } .order-type-selection > label > span{ font-weight: bold; cursor: pointer; } .ordertype_hr{ background: #E0E0E0; } /* Add Animation */ @-webkit-keyframes slideIn { from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1} } @keyframes slideIn { from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1} } @-webkit-keyframes fadeIn { from {opacity: 0} to {opacity: 1} } @keyframes fadeIn { from {opacity: 0} to {opacity: 1} } .all_product_cat{ margin-bottom: 15px; } .ordering_page .pagetrack{ margin-bottom: 10px; } .ordering_page .product2column{ display: block; width: 100%; clear: both; padding: 0; margin: 0 0 10px; overflow: hidden; /* vertical-align: bottom; */ } .ordering_page .product2column >div{ float: left; width: 50%; margin: 0; padding: 0; } .ordering_page .product2column >div:first-of-type{ padding: 2px 10px 2px 0; width: 35%; } .ordering_page .product2column >div:last-of-type{ padding: 0; width: 65%; } .orderign_box input{ font-size: 1.5rem; } .productPrice{ display: block; padding: 0; margin: 0; } .productPrice h3, .productPrice h2{ display: inline-block; margin: 0 0 10px; } .price-notice{ font-size: 14px; margin-top: 25px; line-height: 1.5; } .price-estimate { color: #0000ff; } .more-info-link { color: #0000ff; text-decoration: underline; } .more-info-link:hover { color: #00008b !important; } .more-info-container{ display: none; } .infoprice-content{ text-align: left; font-size: 15px; } .infoprice-content .info-section { line-height: 1.6; } .infoprice-content .info-title { font-size: 1.1em; font-weight: bold; margin-bottom: 15px; } .infoprice-content .info-list { list-style-type: disc; padding-left: 25px; } .highlight-blue { color: #0000ff; text-decoration: underline; } .productTxtPrice{ display: inline-block; margin-left: 10px; font-size: 14px; vertical-align: middle; } .ordering8_table{ display: table; width: 100%; padding: 2px; margin: 0; box-sizing: border-box } .ordering8_table >ul{ display: table-row; } .ordering8_table>ul>li{ display: table-cell; } .ordering8_table>ul>li.relativeP{ position: relative; } .product2column .product_option h6{ margin: 0; text-align: unset; } #IframeContent .ordering_page{ margin:20px 0 20px 0; } .ordering_border{ border:1px solid; position: relative; } .ordering_page p, .ordering_page h3, .ordering_page h5, .ordering_page h4 { margin-bottom:0.5em; } .ordering_border:not(:last-child) { border-bottom:none; } .product_option{ margin-bottom:2em; width: 100% !important; display: block; text-align: center; } .overlay .ordering_page{ margin-bottom:5em; } .product_option .product_option-row:nth-child(even){ background-color: transparent; } .product_option .product_option-row:nth-child(odd){ background-color:#ffffff; } .product_option .column{ margin:5px 0; } .product_option select{ width:75px; padding: 0 0.5em; } .product_option-row{ display:table; width:100%; } .product_option-row > div { float:none; display:table-cell; padding:7px 0; vertical-align:middle; } .ordering-nav { text-align: center; border-top: 1px solid #cccccc; z-index: 50; padding: 5px 0; } .overlay_content .ordering-nav, .iframe_content .ordering-nav { position: absolute; bottom: 0; left: 0 !important; right: 0 !important; background-color: #fff; } .iframe_content .ordering-nav{ position:fixed; } .ordering-nav .button, .ordering-nav button{ max-width:150px; margin: 5px 15px; } .product-desc{ text-align:left; } .swiper-container-ordering video, .swiper-container-ordering iframe{ width: 340px; height: 340px; } #AltProdImages .product_img figcaption{ margin-top: 4px; line-height: normal; } .orderring-btn{ margin:7px 15px 7px 0; width: 85%; text-align: center; display: inline-block; text-transform: uppercase; } .ordering_action{ margin-bottom: 20px; display: block; width: 100%; text-align: left; } .ordering_action > div, .ordering_action > p{ width: 85%; max-width: 400px; display: inline-block; } /* The related product */ .related_area{ clear: both; margin-bottom: 30px; overflow: hidden; } .iframe_related .related_area{ margin-bottom: 0; } .related_area .column.third{ width: 25% !important; } .related_area > hr{ margin-bottom: 3em; clear: both; } .iframe_content .related_area:not(.orderingrelated) hr{ display: none; } .related_header{ font-size: 20px; margin: 1.5em 1em 1.5em; font-weight: 600; text-align: center; } /* The Layer (background) */ .Layer { display: none; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } /* Layer Content */ .Layer-content { border: 1px solid; bottom: 0; /*background-color: #FFF;*/ width: 100%; font-size: 13px; } .Layer-content .product_option p{ margin:0; padding: 7px 0; } .product_option_box_left{ text-align: center !important; width: 30%; display: inline-block; padding: 5pt !important; padding-right: 5px !important; margin-top: 5px !important; margin-bottom: 0px !important; } .product_option_box_left.variationSize{ padding-right: 5px !important; vertical-align: middle; } .product_option_box_right{ width: 70%; display: inline-block; } .orderign_box{ display:table; /*width:100%;*/ } .orderign_box > div { display:table-row; vertical-align:middle; } .orderign_box > div > div { float:none; display:table-cell; vertical-align:middle; clear: both; text-align: left; padding: 10px 30px 10px 0; } .orderign_box > div > div:first-of-type{ /*width: 40%;*/ white-space: nowrap; } .orderign_box_header{ display: block; width: 100%; margin: 0; text-align: left; overflow: hidden; margin-bottom: 10px; } .orderign_box_header >div{ float: left; } .orderign_box_header:first-child{ padding-top:10px; } .hrbot{ border-bottom: 1px solid #E0E0E0; padding-bottom: 15px; } .product_option.fit_content { width: fit-content !important; width: -moz-max-content !important; } .set-img-zoom { position: absolute; top: 0; left: 0; max-width: none; } .hide { position: absolute; left: 0px; right: 0px; margin: 0 auto; overflow: hidden; max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .show { position: absolute; left: 0px; right: 0px; margin: 0 auto; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; max-height: 1000px; overflow: hidden; } .setdisplaytable { display: table !important; padding: 0px; margin: 0px; background-color: #FFFFFF; z-index: 1; position: relative; } .setdisplaytable > div { display: table-row; width: 100%; } .setdisplaytable > div:hover { background: #E5E5E5; } .setdisplaytable > div > div { display: table-cell; } .setdisplayrow { line-height: 25px; } #resizeLinkBottom.resizeONordering{ bottom: 0 !important; } .order3table{ /* display: table; */ width: 100%; padding: 0; margin: 0; padding-left: 10px; } /* .order3table >ul{ display: table-row; } */ .order3table >ul >li{ display: inline-block; padding: 4px 0; margin: 0; padding-left: 10px; } .order3table >ul >li:first-of-type{ white-space: nowrap; text-align: left; /* width: 20%; min-width: 100px; */ padding-left: 0; } .order3table >ul >li:not(:first-of-type){ text-align: left; word-break: break-word; } .DetailOption{ width: fit-content !important; width: -moz-max-content !important; min-width: 235px; text-align: left; z-index: 3; } .ListPrefer { display: none; padding: 0 !important; margin: 0; position: absolute; border: 1px solid; z-index: 2; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .ListPrefer >div{ display: block; padding: 5px 10px; } .ListPrefer >div:not(:last-of-type){ border-bottom: 1px solid; } .ListPrefer >div >span{ cursor: pointer; } .radio { margin-left: 10px !important; } .selectPreference{ width: 50%; display: inline-block; height: auto; } .rating{ font-size: 10pt; color: #FF9900; margin-right: 5px; } .review{ display: flex; line-height: 2em; white-space: nowrap; } .review > div{ float: left; } .review > .review-title{ width: 100%; } .review > .review-star{ width: fit-content; } .review > .review-star > span{ font-size: 13pt; color: #FF9900; margin-right: 3px; } .review > .review-star > span:last-of-type{ margin-right: 0px; } .ShowLink, .ShowLink:hover{ text-decoration: none; color: inherit !important; } .Img_Box { clear: both; width: 100%; display: block; margin: 0 auto; padding: 5px 0; overflow: hidden; text-align: center; } .Img_Box > span{ float: left; width: 20%; } .Img_Box > span.fa{ cursor: pointer; } .Img_Box > span:first-of-type{ text-align: left; font-size: 1.5em; } .Img_Box > span:last-of-type{ text-align: right; font-size: 1.5em; } .ShowImgCaption{ width: 60% !important; margin-top:5px; } .ordering_page #ContenerPic > figure{ margin: 0.5em auto; } .topicBox > div{ display: none; } .boxQuickShop{ position: absolute; top: 100%; bottom: 3px; -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; z-index: 1; display: flex; width: 100%; } .boxQuickShop > div:hover{ color:#c6838a; background: hsl(0, 0%, 100%, 0.5); } .boxQuickShop > div{ border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; color: #ffffff; overflow: hidden; text-align: center; font-size: 12px; background: none; } .item:hover .boxQuickShop { top: calc(100% - 35px); } .orderingrelated .item:hover .boxQuickShop{ top: calc(100% - 35px); } .boxQuickShop span{ margin-top: 10px; display: inline-block; font-size: 1.1em; } .boxQuickShop .quickShopDiv{ margin: 0 auto; padding: 0 15px; width: 60%; order: 3; } .boxQuickShop .wishlistDiv{ padding: 0 10px; width: 20%; order: 1; } .boxQuickShop .albDiv{ padding: 0 10px; width: 20%; order: 4; } .boxQuickShop .alblastDiv{ padding: 0 10px; width: 20%; order: 2; } .boxQuickShop .alblastDiv > span{ font-size: initial; } .ProductMark{ font-size: 19px !important; } .BookMark{ vertical-align: -moz-middle-with-baseline; vertical-align: -webkit-baseline-middle; } .tag_display .album_icon{ font-size: 1.2em; } .tag_album{ padding-left:5px; padding-top: 2px; } #ProductDetailTitle{ text-align: left; margin: 5px 0 20px; } .swiper-container-addons{ padding-bottom: 20px; overflow: hidden; } .boxProductAddon .swiper-button-addons-prev, .boxProductAddon .swiper-button-addons-next{ position: absolute; top:50%; transform:translate(0, -50%); font-size: 23pt; cursor: pointer; z-index: 2; } .swiper-button-addons-prev:focus, .swiper-button-addons-next:focus{ outline: none; } .swiper-button-addons-prev.swiper-button-disabled, .swiper-button-addons-next.swiper-button-disabled{ color: #dddddd; cursor: default; } .swiper-button-addons-prev{ left: -23px; } .swiper-button-addons-next{ right: -23px; } .boxProductAddon{ padding: 20px 0 !important; } .boxProductAddon > h1{ display: inline; margin-right: 15px; margin-bottom: 0; } .boxProductAddon > a{ display: inline-block; } .boxProductAddon div > input[type="radio"]{ margin: 0px; } .boxProductAddon div .txt-addname{ text-align: center; margin-top: 5px; font-size: 14px; } .option-box > ul > li > span{ font-weight: bold; padding-right: 15px; } .option-box nav > ul > li.selected{ background: #DADADA; border-radius: 4px; } .option-box nav > ul > li{ display: inline-block; padding: 5px; cursor: pointer; margin-right: 15px; } .MoreInfoLink{ color: #a2a2a2; } .option-box nav{ margin: 10px 10px 10px 13px; display: inline-block; } .boxProductAddonLayer{ padding: 20px; } .boxProductAddonLayer ul{ margin-top: 25px; display: inline-block; width: 67%; text-align: left; } .boxProductAddonLayer ul li{ float: left; padding: 5px 5px 15px; vertical-align: top; min-width: 150px; } .boxProductAddonLayer ul li div{ text-align: center; margin-top: 5px; } .boxProductAddonLayer ul li div > input[type="radio"]{ margin: 0px; } .boxProductAddonLayer ul > li .txt-addname{ text-align: center; margin-top: 5px; margin-bottom: 10px; font-size: 14px; } .boxProductAddonLayer .orderring-btn:hover{ color: #776063 !important; } .boxProductAddonLayer .orderring-btn{ padding: 10px; margin-top: 20px; margin-bottom: 10px; max-width: 250px; font-size: 1em; color: #776063 !important; border: 2px solid #fccfd5 !important; } .boxProductAddonLayer > .img-addon-box > .product-addon-border{ padding: 2px; background-color: #ffffff !important; border: 1px solid #adadad; display: inline-block; } .boxProductAddonLayer > .img-addon-box{ display: inline-block; margin-top: 25px; width: 33%; vertical-align: top; text-align: left; } .txt-asshow{ vertical-align: top; font-size: 12px; } .camera-icon{ font-size: 17px; margin: 0 7px; cursor: pointer; } .album-box{ position: relative; vertical-align: bottom; } #addAlbumBtn{ font-size: 1.2rem; } .boxlistAlbum.albumproductlist{ bottom: -272px; z-index: 2; } .boxlistAlbum{ position: absolute; bottom: 30px; right: 0px; background-color: #FFFFFF; border: 1px solid #E0E0E0; padding: 12px 12px 5px; font-size: 12px; /*width: 235px;*/ width: 275px; } .boxlistAlbum > div:first-child{ font-size: 14px; padding: 5px 0 10px; font-weight: 600; } .boxlistAlbum > div:last-of-type{ padding-top: 5px; border-top: 1px solid #dfdede; } .boxlistAlbum > div:last-of-type > span:last-of-type{ border-left: 1px solid #dfdede; color: #09f; } .boxlistAlbum > div:last-of-type > span{ display: inline-block; width: 49%; text-align: center; vertical-align: middle; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; cursor: pointer; padding: 10px 0; } .add-album-box > span:first-of-type{ width: 80% !important; } .add-album-box > span:last-of-type{ width: 20% !important; } .albums-show-list > span > .fa-arrow-right{ margin-right: 5px; font-size: 9px; } .albums-show-list > span{ display: inline-block; width: 15%; white-space: nowrap; } .albums-show-list > label{ display: inline-block; text-align: left; width: 85%; padding-left: 5px; } .albums-show-list > label > span:first-of-type{ display: inline-block; vertical-align: middle; overflow-wrap: break-word; width: 90%; } .albums-show-list > label > .albumCheckbox{ display: inline-block; width: 10%; margin: 0; } .boxlistAlbum > div.album-list{ max-height: 180px; overflow-y: scroll; width: 100%; border-top: 1px solid #dfdede; padding: 0 5px 0 5px; } #addAlbumBox, .albums-show-list.add-album-box{ text-align: left; border-top: 1px solid #dfdede; padding: 5px 0; } .albums-show-list{ padding: 10px 0; text-align: left; /*width: 100%; clear: both;*/ } .albums-show-list a{ text-decoration: none; padding-right: 7px; font-size: 1.1em; } .albums-show-list > span > input[type=text], .add-album-box > span > input[type=text]{ width: 85%; border: 0; } .albums-show-list > span > input[type=checkbox], .add-album-box > span > input[type=checkbox]{ margin: 0; } /*.albums-show-list > span:last-of-type{ float: right; }*/ .album-color_onlist{ padding-top: 10px; text-align: left; border-top: 1px solid #dfdede; } .album-color_onlist p{ margin: 0; } .album-color_onlist .album-color-iconBox{ margin-top: 10px; } .album-color_onlist .album-color-iconBox > ul > li:first-of-type { margin-left: 0px; } .album-color_onlist .album-color-iconBox > ul > li { width: 36px; height: 36px; margin-left: 5px; display: inline-block; } .album-color_onlist .album-iconBox > ul > li { outline: 0; padding: 10px; width: 40px; } .CheckOption input[type="checkbox"] { display: none; visibility: hidden; } .CheckOption .Cbx { margin: auto; -webkit-user-select: none; user-select: none; cursor: pointer; } .CheckOption .Cbx span { display: inline-block; vertical-align: middle; transform: translate3d(0, 0, 0); } .CheckOption .Cbx span:first-child { position: relative; width: 14px; height: 14px; border-radius: 3px; transform: scale(1); vertical-align: middle; border: 1px solid #c6838a; transition: all 0.2s ease; } .CheckOption .Cbx span:first-child svg { position: absolute; top: 3px; left: 2px; fill: none; stroke: #776063; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0); } .CheckOption .Cbx span:first-child:before { content: ""; width: 100%; height: 100%; background: #fccfd5; display: block; transform: scale(0); opacity: 1; border-radius: 50%; } .CheckOption .Cbx span:last-child { padding-left: 8px; } .CheckOption .Cbx:hover span:first-child { border-color: #fccfd5; } .CheckOption .InputCbx:checked + .Cbx span:first-child { background: #fccfd5; border-color: #fccfd5; animation: wave-46 0.4s ease; } .CheckOption .InputCbx:checked + .Cbx span:first-child svg { stroke-dashoffset: 0; } .CheckOption .InputCbx:checked + .Cbx span:first-child:before { transform: scale(3.5); opacity: 0; transition: all 0.6s ease; } @keyframes wave-46 { 50% { transform: scale(0.9); } } .tag_album > div{ display: inline-block; margin-right: 7px; } .tag_display.minimal .tag_album{ overflow: hidden; white-space: nowrap; flex: 1 1 0; } .tag_display.minimal{ display: flex; flex-wrap: wrap-reverse; align-items: flex-start; } .tag_display.minimal p{ margin: 0; } .tag_display.minimal > .floatleft, .tag_display.minimal > .floatright{ vertical-align: top; float: initial !important; } .tag_display.minimal > .floatright{ vertical-align: middle; margin-left: auto; padding-left: 10px; } .price-tag{ display: flex; } .price-tag > div:last-of-type{ margin-left: auto; } .price-tag > div:last-of-type > div > p{ display: flex; flex-wrap: wrap-reverse; align-items: center; justify-content: flex-end; } .price-tag > div:last-of-type > div > p > span{ padding-left: 5px; } #ReloadNeeded > .lastslidebox:hover{ color: #ffffff !important; background-color: #c6838a; } #ReloadNeeded > .lastslidebox{ border-radius: 17px; padding: 40px 60px 50px; display: inline-block; vertical-align: top; text-align: center; background-color: #fadee2; margin: 0 auto 70px; font-size: 16px; line-height: 1.15em; cursor: pointer; } #ReloadNeeded > .lastslidebox > strong{ font-size: 22px; font-weight: 400; } .box-txtlogin{ font-size: 1.1em; padding-top: 15px !important; } .box-txtlogin > p:last-of-type{ margin-top: 15px !important; text-align: center; font-size: 13px; } .box-sort-album{ padding: 10px 0; border-bottom: 1px solid #dfdede; } .box-sort-album label{ cursor:pointer; display:inline-block; } .box-sort-album label:last-of-type{ margin-left: 20px; } .ul-show-list-pos{ border-bottom: 1px solid #dfdede; } .headposbox{ font-weight: bold; } .main_detail{ margin-top: 20px; border-top: 1px solid #E0E0E0; } #ShowProductDisplay{ padding-top: 5px; } #ShowProductDisplay > div{ padding: 4px 0; } #ShowProductDisplay > div::before, .CheckOption .Cbx span:last-child::before{ content: "•"; margin-right: 8px; font-size: 12px; padding-left: 15px; } .CheckOption .Cbx span:last-child::before{ padding-left: 0; } .no-click{ pointer-events: none; } .topicitembox{ border-bottom: 1px solid #dfdede; } .custom_block{ margin-top: 20px; border-top: 1px solid #E0E0E0; } .custom_block > div.active{ border-bottom: none; } .custom_block .no-click, .custom_block .CheckOption .Cbx span:first-child{ display: none; } .custom_block .order3table, .custom_block .CheckOption .Cbx span:last-child{ padding-left: 0; } @media (min-width: 769px) { .related_area .product_info{ width: auto !important; padding: 0 2em 0 2em; } } @media (max-width: 768px) { .productPrice{ text-align: left; margin-bottom: 15px; } #ShowProductDisplay{ margin-top: 5px; } .panel-btn { display: grid; } .panel-btn .btn { margin: 0 auto !important; width: 85% !important; } .iframe_content .related_area .ordering_height{ height: 25px !important; } .iframe_content .related_area .button { font-size: 11px !important; line-height: normal !important; } .iframe_content .related_area .product_option-row{ padding: 0;} .iframe_content .related_area .product_option_box_main { padding-bottom: 0; } .iframe_content .Layer-content { max-width: 270px;} .iframe_content .Layer-content > .product_option_box_right{ line-height: inherit !important; margin-bottom: 7px !important; margin-top: 4px !important; } .iframe_content .related_area .product_option_box_left{ width: 30%; font-size: 12px; vertical-align: top; } .iframe_content .related_area .product_option_box_right{ vertical-align: middle; line-height: 2.5em; } .related_header{ margin: 0.5em 2px 1em 2px; line-height: 1.3em; } #listAlbum > div.album-list { padding: 0 5px 15px 5px !important; } #listAlbum{ z-index: 1; font-size: 15px; bottom: 40px; } .albumCheckbox{ margin: 0 !important; } .albums-show-list{ padding: 15px 0; } .iframe_content .albums-show-list{ padding: 10px 0; } .order3table >ul >li:first-of-type{ width: 25%; min-width: 150px; padding: 8px 0; } .tabs > .label{ padding-top: 8px; } .back_to_top { top: calc(85%) !important; top: -moz-calc(85%) !important; top: -o-calc(85%) !important; } .option-box nav{ margin: 10px 0; font-size: 1.1em; } .ordering_header{ margin-bottom: 5px; } .ordering_action > div, .ordering_action > p{ width: 95%; } .ordering_page .ordering_action .orderring-btn, .ordering_page .ordering_action .orderring-btn:hover{ font-size: 1.2em !important; margin-right: 0; margin-bottom: 20px; } .ordering_action{ text-align: center; width: 100%; } .all_product_cat{ line-height: 2em; } .box_video video, .box_video iframe{ max-width: 100%;max-height: 100%; } #PriceErase{ text-align: left; margin-top: 10px !important; } .ProductBoxDetail{ margin:0 auto; width: 97%; } .sharelayer > div{ width: 250%; top:31px; } .sharelayer >div >div{ height: 40px; } .sharelayer >div{ top: 35px; } .sharelayer div div.fa:before, .sharelayer div div.fab:before{ font-size: 26px; } .Img_Box{ width: auto !important; } .selectPreference{ height: 37px; } .DetailOfOption{ width: 100% !important; } .radio { margin-left: 10px !important; display: inline-block !important; } .close { font-size: 25pt; } .setdisplayrow { line-height: 50px; } .logo_desktop { display: none; } .product_option{ font-size: 16px !important; width:100% !important; } .product_option_box_left{ vertical-align: center; width: 40%; } .variationSize{ font-size: 12pt; } .product_option_box_right{ line-height: 3.5em; width: 60%; } .product_option_box_main { padding-bottom: 20px; } .product_option_box_main > p { padding: 0px !important; } .mobile_img{ max-width: none; } .orderign_box .text-red{ display: block; } .orderign_box .ordering_height { height: 45px !important; } .orderign_box .ordering_height:not(.button){ min-width: 60px; } .orderign_box .right_none_radius, .orderign_box .left_none_radius{ padding: 0 20px; } .orderign_box > div > div{ padding: 10px 20px 20px 0; } .orderign_box > div > div:last-of-type{ padding-right: 0; } .ordering_height{ height: 40px !important; } .product_option-row{ padding:8px 0; } .product_option-row > div{ padding:0; } #AltProdImages .product_img{ width:33%; vertical-align:top; } #IframeContent .ordering_page{ margin:1em auto; } .clearbr{ display:none !important; } .product_option .column{ width:100%; display:block; } .ordering-nav{ position:initial !important; background:transparent !important; } .ordering-nav .button, .ordering-nav button{ margin:0.8em auto; width:95%; max-width:none !important; } .button.ordering_height, button.ordering_height{ font-size: 1em !important; line-height: 1em !important; margin-bottom: inherit; } .ordering_height.button.display6.padding_left{ padding: 0 0.5em !important; } .product_option.fit_content { width: 100% !important; } .ordering_page .product2column >div{ float: none; width: 100% !important; text-align: left !important; } .ordering_page .product2column >div:last-of-type{ padding: 2px 10px 5px 0; } .ordering_page section.overflow-hidden, .ordering_page .product2column{ overflow: inherit !important; } .bottomfixed > .column.third{ display: none !important; } .barImg{ display: inline-block; } .imgmore{ display: none; } .ordering3icon >div{ height: auto; height: 40px; font-size: 2em; line-height: 1; } #ProductDetail, #coustomdetail, #detailSetpcustom, #orderDetail{ display: none; } #customlabel, #customsteplabel, #iconOrderLabel, .ReviewsList{ cursor: pointer; } #custombtn:checked ~ .boxProductLink #coustomdetail, #customstep:checked ~ .boxProductLink #detailSetpcustom, #orderbox:checked ~ .boxProductLink #orderDetail{ display: block; } #MobileNamePicImg{ margin: 5px 0 0; } #ProductDetailTitle{ margin: 15px 0 15px; } .boxProductAddonLayer ul li { width: 50%; text-align: center; } .boxProductLink > div{ line-height: 1.5em; } .boxProductAddon > h1{ margin-right: 20px; } .boxProductAddonLayer > .img-addon-box { width: 100%; text-align: center; } .boxProductAddonLayer ul { width: 100%; } .boxProductAddonLayer .orderring-btn{ max-width: 100%; width: 100%; } .boxProductAddonLayer{ padding-top: 35px; } .layoutImg{ padding: 5px 0; } .add-album-box > span:first-of-type{ width: 75% !important; } .add-album-box > span:last-of-type{ width: 25% !important; } /* Mobile browsers (most of them) require font-size in inputs to be 16px. */ #addAlbumBox span > input[type="text"] { font-size: 16px; } .tag_display.minimal .tag_album { max-width: 80px; } .tag_display.minimal > .floatright { padding-left: 2px; } .tag_display.minimal{ margin-bottom: 15px; padding: 0 3px; } .box-sort-album { padding: 0px 0px 15px 15px; text-align: left; } .box-sort-album label:last-of-type{ margin-left: 0; } .order-type-selection > label > span{ line-height: 1.7em; } } 

/*---------- login ------------*/
 #loginFrameWrap { position: absolute; display: block; top: 0; } #RegisterArea a{ text-decoration:underline !important; } h3.account_created{ text-align: center; font-weight: 600; margin: 10px 0 15px; } #IFrameHeight .account_created{ margin: 10px 0 20px; } .iframe_signin.iframe_content { margin-bottom: 0 !important; } .iframe_content .login_layer { /* if on iframe then make margin top */ margin: 10px auto; max-width: 520px !important; } .iframe_content .register_block { /* if on iframe then make padding top */ padding: 10px 0; margin: 0; } #RegisterForm.login_layer .loginh_header { margin: 10px 10px 0; font-weight: 600; } .login_layer p { margin-top: 0; margin-bottom: 1.115em; } .login_layer p:last-child { margin-bottom: 5px; } .login_layer .width50per{ width: 49%; } .login_layer input, .login_layer select { width: 100%; } .login_layer [type="checkbox"], .login_layer [type="radio"] { width: initial; margin: 0 10px 0 2px; } .login_layer .button { margin: 5px auto; } .login_layer.sigin_form .button { margin: 0 auto; } .login_layer.sigin_form input { margin: 0 auto 1em; } .signin #OrderingIFrame{ float: right; } .signin { background-color: transparent; } .login_layer .myaccount-body { font-size: 0.9em; line-height: normal; } .customblock.span12 .login_layer { max-width: 450px !important; } .signin iframe, .toolTip iframe.signin_page { height: 320px; min-width: 500px; } .signin iframe#OrderingIFrame { /* on header menu */ max-width: 500px !important; } iframe#OrderingIFrame.signin_page { /* on product iframe */ max-width: 730px !important; } .signin iframe#OrderingIFrame.cart_iframe { max-width: 100% !important; } @media (max-width: 768px) { .signin iframe { min-width: 100%; } #IFrameHeight #IframeContent{ margin-bottom:initial !important; } } 

/*---------- cart ------------*/
 #CartFrameWrap .cart_iframe{ z-index: 14; } #IframeLogin{ width: 100%; height: 100%; background-image: url("../images/loading-lg.gif"); background-color: #ffffff; background-repeat: no-repeat; background-position: 50% 50%; background-size: 4%; } .merge_info{ padding-left:20px; } .ShipCart label{ cursor:pointer; } .cart_page .border > div:not(:last-child){ margin:5px 0 15px; } .item_row .displayrow:last-child > div, .cart_page .myaccount-body > .column{ margin-bottom:0 !important; } .cart_page .fa{ padding-right:0.7em; } .overlay{ max-width:880px; } .shipOption{ margin:0 0 5px 18px; } .cart_info{ margin-top:11px; } .no_image-cart{ max-width:120px; } .couponText label{ font-weight:normal; cursor:pointer; } .couponText > div{ padding:0 0 1.7em 0; } .couponText > div:first-child{ padding-left:10px; } .ShipCart{ margin-bottom:1.5em; } .ShipCart span{ margin-top:5px; display:block; } .ShowGiftBox{ display: inline; position: relative; width: 100%; z-index: 1; } .ShowGiftBox >div{ display: none; z-index: 3; position: absolute; top: 12px; width: 300px; padding: 5px; margin: 0 auto; word-break: break-word; } .ShowGiftBox >div img{ vertical-align: middle; } .ShowGiftBox>div>div:not(.clearboth){ width: 50%; text-align: left; display: inline-block; } .ShowGiftBox>div>div.clearboth{ padding:10px 5px 0; } .ImgGift{ cursor: pointer; } .ImgGift:hover ~ .ShowGiftBox >div{ display: block; } @media (max-width: 768px){ .ShowGiftBox{ position: absolute; left: 0; right: 0; } .ShowGiftBox >div{ left: 0; right: 0; width: 270px; margin: 0 auto; } .cart_page .border > div:not(:last-child){ text-align:center; } .cart_page .fa{ margin:0.4em 0.8em; } .item_row{ text-align:center; line-height:1.7em; } .item_row > div, .item_row .displayrow > div, .cart_page .column:not(.half), .SpCart .two-sixth > div{ width:100%; margin-bottom:0; } .displayrow.linkmobile, .item_row:not(.custom_product) .displayrow:not(:last-child) > div:last-child:not(:only-child):not(.span3){ padding-bottom:10px; border-bottom:1px dotted #ccc; } .item_row .displayrow > div:not(:first-child):not(.text-left){ text-align:right !important; } .item_row .displayrow > div:not(:first-child) > .mobile-visible{ float:left; font-weight:600; } .cart_page input[type="checkbox"], .cart_page input[type="radio"]{ margin:0.5em 1em 0.5em 1em; } .cart_dashed_line.span10{ margin:0 0 20px !important; } .order_report .product_img{ margin:10px 5px; } .linkmobile{ font-size:1.25em; margin:1.5em 0 10px; } .displayrow.linkmobile{ display:block !important; } .linkmobile > br{ display:none; } .linkmobile > *{ margin:0 2em; } .SpCart .product_img{ display:inline-block !important; margin:5px; } .couponText > div:first-child{ padding-left:0; } } 

/*---------- checkout ------------*/
 label.label_inline{ display: inline-block; } .halffull label{ display: inline; font-weight: normal; padding:0; cursor: pointer; } .EstimateInfo{ background-color:#f7f6f2; position:absolute; z-index:1; margin:2px; visibility:hidden; padding:2px 15px; border:1px solid #bebdbb; width:30%; min-width: 350px; text-align:center; } .btn_Close{ position: absolute; top:3px; right: 5px; cursor: pointer; } .halffull{ width:50%; } .BoxTaxInput{ display: none !important; } .spinner.loading { position: fixed; top: 0; left: 0; text-align: center; width: 100%; height: 100%; opacity: 0.7; background: #000; z-index: 21; } .spinner.loading:before { content: ""; height: 75px; width: 75px; margin: -15px auto auto -15px; position: absolute; top: calc(50vh - 80px); left: calc(50% - 40px); border-width: 8px; border-style: solid; border-color: #2180c0 #ccc #ccc; border-radius: 100%; animation: rotation .7s infinite linear; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @media(max-width: 768px) { .halffull{ width:100%; } .EstimateInfo{ width:80vw; max-width:500px; margin:0 auto; left:0; right:0; } .checkout_options .column.full .span1, .checkout_options .row .span1{ width:12%; text-align:right; } .checkout_options .column.full .span11, .checkout_options .row .span11{ width:88%; } .checkout_options input[type="checkbox"], .checkout_options input[type="radio"]{margin:0 10px 0 0; vertical-align:middle;} } 

/*---------- navigation ------------*/
 .preference_box{ float: right; margin-bottom: 10px; text-align: right; } .preference_box > div{ display: inline-block; margin: 5px 10px; } .preference_box > div select{ min-width: 150px; } .preference_box > div > a{ margin-right: 20px; } .productlist_navigator, .product_content .alltext_right{ width: 100%; float: right; text-align: right; } .productlist_navigator{ line-height: 2em; } .ProductLists-Page{ clear: both; transition: height 1s ease-out; height: 0; overflow: hidden; margin-bottom:10px; } .ProductLists-Page >div{ clear: both; display: table; float: right; width: auto; min-width: 50%; padding: 5px; border: 1px #ccc solid; font-size: 7pt; } .ProductLists-Page-inner{ display: table-row; } .ProductLists-Page-inner >div{ display: table-cell; width: 33.33%; padding: 5px; vertical-align: top; } .ProductLists-Page-inner >div:last-child{ border-left: 1px #ccc solid; } .ProductLists-Page input[type="radio"], .ProductLists-Page input[type="checkbox"] { transform: scale(0.8); } @media (max-width: 768px) { .preference_box > div{ width:50%; margin: 10px 0; text-align: center; } .preference_box > div > a{ margin-right: 0; } .preference_box > div select{ min-width: 140px; width: 90%; } .ProductLists-Page >div, .ProductLists-Page-inner, .ProductLists-Page-inner >div{ display: block; width: 100%; padding: 5px; margin: 0; font-size: 9pt; } .ProductLists-Page-inner >div{ line-height: 1.8em; } .ProductLists-Page-inner >div:first-child{ border-right: 0; border-bottom: 1px #ccc solid; } .ProductLists-Page input[type="radio"], .ProductLists-Page input[type="checkbox"] { transform: scale(1.3); } } 

/*---------- category ------------*/
 .cat_product_block{ border: 1px solid rgba(0,0,0,.3); } .cat_product_block a{ width: 298px; height: 320px; background: #fdf1f3; color: rgb(198, 131, 138); padding: 50px 15px; display: block; font-size: 1.5em; line-height: 1.5em; text-decoration: none; } .product_page.cat_page{ margin-top:25px; } .no_menu_selected .menu_selected{ background-color: transparent !important; } .Cat-Display{ text-align: left; } .Cat-cell{ text-align: center; padding: 5px 3px; vertical-align: top; display: inline-block; position: relative; } .Cat-block{ /*border: 1px solid silver;*/ background: #fff; position: relative; /*padding: 2px;*/ } .Cat-productimg{ line-height: 0; width: 100%; cursor: pointer; border: 1px solid; } .Cat-productimg img { cursor: pointer; width: 100%; } .Cat-cell .Cat-caption_Banner{ width: 80%; bottom: 20px; min-height: 65px; /*color: #252525; background-color: rgba(255,255,255,.9);*/ font-size: 14px; } .Cat-caption_Banner{ position: absolute; right: 1px; z-index: 0; cursor: pointer; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; -moz-transition: all .2s ease-out 1s ease-in-out 0s; -ms-transition: all .2s ease-out 1s ease-in-out 0s; -o-transition: all .2s ease-out 1s ease-in-out 0s; -webkit-transition: all .2s ease-out 1s ease-in-out 0s; transition: all .2s ease-out 1s ease-in-out 0s; opacity: 0.9; } .Cat-caption_Banner h2{ margin: 0; font-size: 14px; padding: 11px 15px 5px 15px; font-weight: normal; text-align: left; opacity: 1; } .Cat-caption_Banner h2 > span{ display: block; } .mastercat_page .Cat-cell{ text-align: center; padding: 5px 3px; vertical-align: top; display: inline-block; position: relative; min-width: 250px; max-width: initial; width: 33%; } .fixslide_right .mastercat_page .Cat-cell{ width: 32.5%; } .mastercat_page .cat_product_block a{ width: auto; } .mastercat_page .cat_product_block{ margin-right: 0; } .cat1-Cat-block, .cat1-Cat-block h2{ font-size: 1.1em; } .cat1-Cat-block h2{ margin: 1em; } @media(max-width: 768px) { .mastercat_page .Cat-cell{ width: 100%; } } 

/*---------- custom css ------------*/
 /* font style */ body, .container.content-container { font-family: Arial, Helvetica, sans-serif; } .container.content-container { font-size: 11px; } header { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .button, button, a.button, input[type="button"], input[type="reset"], input[type="submit"] { font-size: 19px; } h1 { font-family: Verdana, Geneva, sans-serif; font-size: 15px; } h2 { font-family: Verdana, Geneva, sans-serif; font-size: 14px; } h3 { font-family: Verdana, Geneva, sans-serif; font-size: 13px; } h4 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; } h5 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; } h6 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; } .notice_font { font-family: Verdana, Geneva, sans-serif; font-size: 14px; } .notice_icon { font-size: 20px; } /* end font style */ hr { background: #bebdbb; } body { color: #171717; } a, .linkstyle { color: #655c3b; } a:hover, .linkstyle:hover { color: #655c3b !important; } a, .linkstyle { text-decoration: underline; } body { width: 100%; } body, .Layer-content { background-color: #636363; } body { background: linear-gradient(148deg,#636363,#b5b5b5); } .bg-reserve-qty { background-color: transparent; color: #989590; } .body_container { background-color: transparent; max-width: 876px; } .BoxTime { border-color: #c7c7c7; } .Countdown { color: #f008d7; } .error_style, .informed-back2stock { background-color: #8f0040; color: #fff600; } .footer-container { background-color: transparent; color: #b0adad; } .footer-container a { color: #575757; } .footer-container a:hover { color: #575757 !important; } .header_logo a { color: #888888; } .header_logo a:hover { color: #888888 !important; } .point, .point2, .point_login{ border-color:transparent transparent #ffffff transparent; } .iframe_content, #IFrameBG { background-color: #ffffff; } .iframe_overlay, #BodyWrap iframe:not(.box_video iframe) { max-width: 1000px !important; } .instockBG, .myaccount-border.instockBG { background-color: transparent; } .logo_image { max-width: 100px; } .main-header, .top_menu .main-header, .currency_option, .header3 .header-container { background-color: #bebdbb; } .main-header, .top_menu .main-header { color: #525252; } .main-header a { color: #525252; } .main-header a:hover { color: #525252 !important; } .MainCountdown { background-color: #000000; color: #ffffff; } .menu_bg, #listLanguage { background-color: #989590; } .menu_bg { color: #ffffff; } .menu_bg a, .header5 .menu_bg, .header2 .menu_bg a { color: #ffffff; } .menu_bg a:hover, .header5 .menu_bg:hover, .header2 .menu_bg a:hover { color: #ffffff !important; } .menu_selected, .page_option > li > a:hover, .subcat_selected3 { background-color: #e2d27a; } .menu_sidebar a { color: #655c3b; } .menu_sidebar a:hover { color: #655c3b !important; } .notice_block { color: #000000; } .notice_block a { color: #3562de; } .notice_block a:hover { color: #3562de!important; } .notice_button2 { color: #ffffff!important; } .notice_icon { color: #fd8f2d; } .notice_menu { color: #262626; } .notice_menu a { color: #329c93; } .notice_menu a:hover { color: #329c93!important; } .overlay, .overlay-back, .product_details { background-color: #ffffff; } .overlaywidth { max-width: 950px; } .productionBG, div.orderstatus_row:nth-child(even), .myaccount-border.productionBG, .product_option .product_option-row:nth-child(even) { background-color: #f0e68c; } .product_display_slide { background-color: #fcfcfc; color: #989590; border-color: #989590; } .SidebarMenu { background-color: transparent; } .sidemenu_header { background-color: transparent; color: #947e05; } .TextBoxTime { color: #ffffff; } .top_menu { background-color: #636363; color: #636363; } .top_menu a { color: #636363; } .top_menu a:hover { color: #636363 !important; } .use_highlight a, .use_highlight, a.use_highlight { color: #ba00ff; } .highlight_color, .myaccount-header.highlight_color { color: #8f8f8f; } .myaccount-border { border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-right-radius: 24px; border-bottom-left-radius: 24px; } .myaccount-header, .topheader, .moblieShowHeader { background-color: #bebdbb; } .myaccount-header, .bottomheader, .topheader { color: #ffffff; } .myaccount-header, .myaccount-body { padding: 10px; } .button, button, a.button:hover, input[type="button"], input[type="reset"], input[type="submit"] { background-color: #245291; } .button:hover, button:hover, a.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: #245291 !important; } .button, button, a.button:hover, input[type="button"], input[type="reset"], input[type="submit"] { color: #ffffff; } .button:hover, button:hover, a.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #43aaba !important; } .button, button, a.button, input[type="button"], input[type="reset"], input[type="submit"] { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 15px; } .notice_block { background-color: #ffffff; } .notice_button2, .notice_button2:hover { background-color: #0065b7!important; } .notice_menu { background-color: #fceac7; } @media (max-width: 768px) { .header4 .top_menu, .header4 .menu_link{background-color: #bebdbb;} .header4 .top_menu, .header4 .menu_link{color: #525252;} .top_menu input[type=checkbox]:checked ~ ul, .Language_area ul li ul, .header5 .top_menu-right input[type=checkbox]:checked ~ ul{background-color: #989590;} .top_menu input[type=checkbox]:checked ~ ul a, .top_menu input[type=checkbox]:checked ~ ul a:hover, .Language_area ul li ul a, .header5 .top_menu-right input[type=checkbox]:checked ~ ul a{color: #ffffff;} .account-table >ul >li{border-top-left-radius: 24px;} .account-table >ul >li{border-top-right-radius: 24px;} .account-table >ul >li{border-bottom-right-radius: 24px;} .account-table >ul >li{border-bottom-left-radius: 24px;} #returnreport .topheader, .bg-header-account{background-color: #bebdbb;} #returnreport .topheader{color: #ffffff;} } 

/*---------- default slide plugin css ------------*/
 .ph-caption_Banner, .Cat-caption_Banner{ background-color: rgba(0, 0, 0, 0.9); color:#383838; } .ph-block:hover .ph-caption_Banner, .Cat-block-text:hover a:hover, .Cat-block:hover .Cat-caption_Banner{ background-color: rgba(207, 53, 25, 0.9); color:#ffffff; } .ph-block .ph-caption_Banner h4, .Cat-caption_Banner h4{ font-size:17px; font-family:'Open Sans'; text-align:right; font-weight:400; }.ph-fullblock .ph-caption_Banner{ background-color: rgba(0, 0, 0, 0.3); } .ph-fullblock .ph-block:hover .ph-caption_Banner{ background-color: rgba(207, 53, 25, 0.6); } .ph-caption_Banner, .Cat-cell .Cat-caption_Banner{ bottom: 20px !important; } 

/*---------- advance css ------------*/
 .body_container{ min-height: 100vh; } 

/*---------- custom block css ------------*/
 #Page63 .Block-2-1 { border-style:none; background-color:#ffffff; border-radius:15px 15px 15px 15px; padding-left:25px; padding-right:25px; } #Page67 .Block-3-2 { border-style:none; width: calc(50% - -15px); margin-right:-15px; } #Page68 .Block-1-1 { border-style:none; background-color:#062e94; background:linear-gradient(180deg, #062e94, #3698c2); border-radius:15px 15px 15px 15px; padding-left:15px; padding-right:15px; margin-top:20px; } #Page68 .Block-2-1 { border-style:none; background-color:#e6e6e6; border-radius:15px 15px 15px 15px; padding-left:15px; padding-right:15px; margin-top:10px; } #Page68 .Block-2-2 { border-style:none; background-color:#e6e6e6; border-radius:15px 15px 15px 15px; padding-left:15px; padding-right:15px; margin-top:10px; width: calc(50% - 15px); margin-left:15px; } #Page71 .Block-1-1 { border-style:none; margin-top:20px; } #Page71 .Block-1-1 { border-style:none; background-color:#062e94; background:linear-gradient(180deg, #062e94, #3698c2); border-radius:15px 15px 15px 15px; padding-left:15px; padding-right:15px; } #Page71 .Block-2-1 { border-style:none; background-color:#e6e6e6; border-radius:15px 15px 15px 15px; padding-left:15px; padding-right:15px; margin-top:10px; }