.sf-submit-loader-container {display: none;position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;background: rgba(0, 0, 0, 0.2); z-index: 1000}.sf-submit-loader-content {margin: auto;text-align: center;}.sf-submit-loader-text {font-size: 26px;margin-bottom: 6px;color: rgba(0,0,0,0.52);letter-spacing: 1.2px;}.lds-dual-ring {display: inline-block;width: 64px;height: 64px;}.lds-dual-ring:after {content: " ";display: block;width: 46px;height: 46px;margin: 1px;border-radius: 50%;border: 5px solid #fff;border-color: #fff transparent #fff transparent;animation: lds-dual-ring 1.2s linear infinite;}@keyframes lds-dual-ring {0% { transform: rotate(0deg);}100% { transform: rotate(360deg);}} .sq-input {height: 40px;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.4);background-color: white;display: inline-block;-webkit-transition: border-color .1s ease-in-out; -moz-transition: border-color .1s ease-in-out; -ms-transition: border-color .1s ease-in-out; transition: border-color .1s ease-in-out;}.sq-input--focus {border: 1px solid rgb(57, 142, 231);}.sq-input--error {border: 1px solid #E02F2F;} .error { background: transparent; background-image: none; font-weight: bold; font-size: 14px; border: 2px solid red !important; color: #cc0000; } .hidden { display: none; } .off { left: -9999px; position: absolute; } body { background: #FFF !important; } select::-ms-expand { display: none; } /* select{ appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/select-arrow.png) 98% center no-repeat transparent !important; } */ /* select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } */ .ktemplate_pageContainer .form-group .form-control::placeholder { color: #000 !important; } .ktemplate_pageContainer .form-group .form-control { color: #000 !important; } input, select{ font-family: Arial, Helvetica, sans-serif !important; } select option{ color: #000; } input, select{ padding-right: 20px !important; } .lp-form .form-group input, .lp-form .form-group select{ padding-right: 25px !important; } input.has-error, select.has-error { border: 1px solid orange !important; background: url(../images/error-input.png) 99.5% 50% no-repeat #fff !important; } /* input.no-error, select.no-error { background: url(../images/tick-input.png) 99.5% 50% no-repeat #fff !important; border: 1px solid green !important; } */ /* #app_common_modal, #error_handler_overlay { overflow: hidden; } #app_common_modal .app_modal_body { margin: 30px auto; } @media screen and (min-width:320px) and (max-width:1025px) and (orientation:portrait) { #app_common_modal .app_modal_body { min-height: 180px; margin: 30px auto; } #app_common_modal .app_modal_body iframe { min-height: 180px; } } @media screen and (min-width:320px) and (max-width:1200px) and (orientation:landscape) { #app_common_modal .app_modal_body { min-height: 180px; margin: 30px auto; } #app_common_modal .app_modal_body iframe { min-height: 180px; height: 180px; overflow-y: scroll; } #app_common_modal .app_modal_body, #error_handler_overlay .error_handler_body { height: auto; } .error_handler_body ul li { font-size: 12px; } #error_handler_overlay .error_handler_body ul { height: auto; overflow: scroll; } } #app_common_modal_close, #error_handler_overlay_close { line-height: 26px; } #error_handler_overlay .error_handler_body{ margin: 30px auto; } */ /* #loading-indicator:after, #loading-indicator:before{ display:none; } */ .white_box_cs{ background: #fff; border-radius: 5px; color: #000; font-family: arial; font-size: 17px; height: 110px; padding:10px; max-width: 300px; width:95%; z-index: 1; text-align:center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } .white_box_cs i, .white_box_cs span{ display:block; } .white_box_cs span{ margin-top:5px; } .white_box_cs img{ max-width: 64px; width: 100%; display: inline-block; } @media(max-width:480px){ .white_box_cs span{ font-size:14px; } } html{ -webkit-text-size-adjust: 100%; } .topbar{ background: #000; width: 100%; text-align: center; padding: 25px 10px; } .topbar h2 { color: #fff; font-size: 1.4rem; text-transform: uppercase; margin: 0; } .display-none { display: none !important; } .display-block { display: block !important; } .right-panel{ padding: 50px; position: relative; } .right-panel::before { content: ""; width: 2px; background-color: #000; position: absolute; top: 50px; bottom: 50px; left: 0; } .productimg { position: relative; width: 100%; margin: 0 auto; height: 500px; } .productimg img{width: 100%;height: 100%;object-fit: contain} .badge_blue { position: absolute; text-align: center; top: -8%; right: 18%; } .badge_blue img { width: auto; max-height: 160px; } .badge-text{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); color: #fff; font-weight: 600; letter-spacing: 1px; font-size: 20px; line-height: 25px; } .badge-text span.pricetext{ font-size: 30px; line-height: 35px; font-weight: 700; } @media(min-width:768px) and (max-width:991px){ .checkout-main .col-md-6 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; max-width: 100%; flex: unset; } .productimg{ margin-top: 80px;} } @media(max-width:1023px) { .right-panel::before { display: none; } .badge_blue{ right: 22%;} .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media(max-width:767px){ .right-panel { padding: 0 28px; } .badge_blue img { max-height: 140px; } .badge-text{ font-size: 18px; line-height: 20px; } .badge-text span.pricetext { font-size: 28px;} .badge_blue{ right: 8%;} } @media only screen and (max-width: 767px){ .productimg{ margin-top: 25px; } } /* new discount modal */ .i1d8clg_global[mode=builder] .popup-activate { padding: 30px 0; display: flex; position: static; height: auto } .i1d8clg_global .popup-activate { background-color: rgba(0, 0, 0, .7); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999; font-size: 15px; overflow-y: scroll; display: none; font-family: sans-serif; align-items: center; justify-content: center } .i1d8clg_global .popup-activate__inner { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; background-color: #fff; width: 600px; max-width: 90%; border-radius: 8px; } .i1d8clg_global .popup-activate__content { position: relative; background-color: #ffe300; border: 5px solid #e43b2c; border-radius: 4px; max-width: 800px; width: 100%; padding: 20px 10px; text-align: center; word-break: break-word; overflow-y: auto; overflow-x: hidden; font-family: "Montserrat", sans-serif; } .i1d8clg_global .popup-activate__close { position: absolute; z-index: 99; top: 3px; right: 3px; background-color: #000; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; border: 3px solid #fff; color: #fff; cursor: pointer } .i1d8clg_global .popup-activate__close::after, .i1d8clg_global .popup-activate__close::before { content: ""; position: absolute; top: 2px; height: 20px; width: 2px; background-color: #fff } .i1d8clg_global .popup-activate__close::before { transform: rotate(45deg) } .i1d8clg_global .popup-activate__close::after { transform: rotate(-45deg) } .i1d8clg_global .popup-activate__promo-text, .i1d8clg_global .popup-activate__title { font-weight: 700; line-height: 1.2 } .i1d8clg_global .popup-activate__text, .i1d8clg_global .popup-activate__title { color: #2f2f2f } .i1d8clg_global .popup-activate__title { font-size: 27px; margin-bottom: 5px } .i1d8clg_global .popup-activate__promo-text { font-size: 20px; margin-bottom: 10px; color: #00e } .i1d8clg_global .popup-activate__text { margin-bottom: 0; font-size: 18px; line-height: 1.45 } .i1d8clg_global .popup-activate__btn-yes { background-color: #0bba18; border: 1px solid #099513; font-weight: 600; padding: 18px 20px; letter-spacing: .5px; font-size: 16px; margin-bottom: 0; margin-top: 20px; transition: all 150ms ease; border-radius: 3px; color: #fff; line-height: 1; cursor: pointer; outline: 0 } .i1d8clg_global .popup-activate__btn-yes:hover { background-color: #099513 } .i1d8clg_global .popup-activate .hidden-mb { display: none; padding-left: 5px } .i1d8clg_global #timeCount { display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; margin-bottom: 20px; margin-top: 20px } .i1d8clg_global #timeCount .ex-minute, .i1d8clg_global #timeCount .ex-second, .i1d8clg_global #timeCount .semicolon { font-size: 2rem; line-height: 1.1; font-weight: 700 } .i1d8clg_global #timeCount .minute-text, .i1d8clg_global #timeCount .second-text { display: block; font-size: .8rem; margin-top: 2px; text-transform: uppercase; font-weight: lighter } #iwbx0hh { display: block; } #ijy5ivv { font-size: 33px; line-height: 37px; font-weight: 800; } p.lucktxt { color: #0000EE; font-size: 17px; line-height: 22px; } p.lucktxt span{ color: #e43b2c;} .notlcky { color: #5d6168 !important; text-decoration: none !important; text-transform: uppercase; font-weight: 700; margin-top: 10px; display: block; font-size: 15px; } .popup-activate__footer{padding: 0 20px;} p.mc-no-thanks{margin-bottom: 0;} @media (min-width:768px){ .i1d8clg_global .popup-activate__content { padding: 30px 25px; } .i1d8clg_global .popup-activate__title { font-size: 34px; margin-bottom: 25px } .i1d8clg_global .popup-activate__promo-text { font-size: 24px; margin-bottom: 15px } .i1d8clg_global .popup-activate__btn-yes { font-size: 24px } .i1d8clg_global .popup-activate .hidden-mb { display: block; padding-left: 0 } } @media (max-width:500px) { .i1d8clg_global .popup-activate__content { padding: 25px 14px; } .i1d8clg_global .popup-activate__btn-yes { font-size: 15px;} .i1d8clg_global .popup-activate__title { margin-top: 0 } } .giftbox { text-align: center; } .toegang { text-align: center; } .form-group { margin-bottom: 15px; } .div50 { width: 50%; float: left; } .input-pad { } form{ padding: 0 !important; } .form-control { height: 40px !important; } .brand-logo { width: 180px; padding-bottom: 10px; } .pad10 { padding: 50px 30px 20px 30px; box-shadow: 0 1px 10px #999; border: 1px solid #ccc; border-radius: 5px; background: #FFF; max-width: 500px; margin: auto; margin-top: 50px; font-family: verdana; } #i1cne { transform: translate3d(100%, 0px, 0px); } #err-block { padding-top: 10px; } #if12af { width: 61px; height: 37px; } #i8pkb3 { text-align: center; } @font-face { font-weight: 400; font-style: normal; font-family: 'Circular-Loom'; src: url('../fonts/CircularXXWeb-Book-cd7d2bcec649b1243839a15d5eb8f0a3.woff2') format('woff2'); } @font-face { font-weight: 500; font-style: normal; font-family: 'Circular-Loom'; src: url('../fonts/CircularXXWeb-Medium-d74eac43c78bd5852478998ce63dceb3.woff2') format('woff2'); } @font-face { font-weight: 700; font-style: normal; font-family: 'Circular-Loom'; src: url('../fonts/CircularXXWeb-Bold-83b8ceaf77f49c7cffa44107561909e4.woff2') format('woff2'); } @font-face { font-weight: 900; font-style: normal; font-family: 'Circular-Loom'; src: url('../fonts/CircularXXWeb-Black-bf067ecb8aa777ceb6df7d72226febca.woff2') format('woff2'); } @media screen and (max-width: 580px) { .pad10 { padding: 50px 20px 20px 20px; max-width: 100%; margin-top: 0px; box-shadow: none; border: none; } } .form-control{ background: #FFF; border: 1px solid #ced4da !important; /* color: #6e6c6c!important; */ color: #aaaaaa!important; min-height: 38px!important; line-height: 22px!important; width: 100%!important; font-size: 14px!important; padding: 3px 8px!important; outline: 0!important; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;} label.frm-chk { margin: 10px 10px; font-size: 18px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; } .bilng .form-control{margin: 10px 0px;width:100% !important;} .bilng { margin: 0px; } select.form-control { padding: 0 8px !important; background: #fff url(../images/select-arrow.png ) no-repeat; background-position: center right 8px!important; background-size: 12px!important; line-height: 100%; -webkit-appearance: none; /* Removes gradient */ -moz-appearance: none; /* Firefox fallback */ appearance: none; } input[type="text"], input[type="email"], input[type="tel"], select{ border:1px solid #d6d6d6; padding-right:33px !important; font-size:14px !important; line-height:100% !important; color: #222 !important; height: 35px !important; } /* input.has-error, select.has-error{ background:url(../images/error-input_1.png) right 7px center no-repeat #fff !important; border:1px solid orange !important; } input.no-error, select.no-error { background:url(../images/tick-input_1.png) right 7px center no-repeat #fff !important; border: 1px solid green !important; } */ label.frm-chk [type="checkbox"]:checked, label.frm-chk [type="checkbox"]:not(:checked) { position: absolute; left: -9999px; } label.frm-chk [type="checkbox"]:checked + .cust_check, label.frm-chk [type="checkbox"]:not(:checked) + .cust_check { position: relative; padding-left: 25px; cursor: pointer; line-height: 23px; display: inline-block; color: #333; font-size: 13px; } label.frm-chk [type="checkbox"]:checked + .cust_check:before, label.frm-chk [type="checkbox"]:not(:checked) + .cust_check:before { content: ''; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border: 1px solid #c5c5c5; border-radius: 0; background: #fff; } label.frm-chk [type="checkbox"]:checked + .cust_check:after, label.frm-chk [type="checkbox"]:not(:checked) + .cust_check:after { content: '\2714'; width: 12px; height: 12px; position: absolute; top: 0; left: 3px; border-radius: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; font-size: 10px; } @media(max-width:390px){ label.frm-chk [type="checkbox"]:checked + .cust_check:after, label.frm-chk [type="checkbox"]:not(:checked) + .cust_check:after { content: '\2714'; width: 12px; height: 12px; position: absolute; top: 1px; left: 4px; border-radius: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; font-size: 10px; } } @media(max-width:380px){ label.frm-chk [type="checkbox"]:checked + .cust_check:after, label.frm-chk [type="checkbox"]:not(:checked) + .cust_check:after { content: '\2714'; width: 12px; height: 12px; position: absolute; top: 1px; left: 0x; border-radius: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; font-size: 13px; } } label.frm-chk [type="checkbox"]:not(:checked) + .cust_check:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } label.frm-chk [type="checkbox"]:checked + .cust_check:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* Updated CSS */ .limited-box p { font-size: 12px; text-align: left; border: 1px solid #8f8c8c; padding: 15px 22px; color: #333; border-radius: 6px; font-weight: 600; letter-spacing: -0.5px; box-shadow: 1px 1px 3px #aaa; line-height: 1.2; margin-bottom: 5px; } .limited-box .text1 { color: red; font-weight: 600; } .limited-box .text2 { color: green; } .form-group { margin-bottom: 10px; } .form-group select, .form-group input[type="text"]::placeholder, .form-group input[type="email"]::placeholder, .form-group input[type="tel"]::placeholder { color: #888; font-size: 14px; } select.no-error, input.no-error { color: #000 !important; } .caret-down { position: absolute; right: 0; bottom: -6px; height: 3em; width: 2.5em; pointer-events: none; } .caret-down::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #aaa !important; } .cvv { font-weight: 600; color: #000; text-decoration: none; } a.cvv { color: #666; padding: 10px; display: block; } a.cvv:hover { color: #333; } .footer-cards { max-width: 150px; width: 100%; } footer { font-family:verdana; color:#8a8a8a !important;font-size:12px;padding: 30px 10px 50px 10px!important; max-width: 900px; margin: 0 auto; clear: both; display: block; box-sizing: border-box;font-weight: 600;} footer p a{color:#8a8a8a !important;;font-size:12px;text-decoration: none;padding:0 !important;} footer p a:hover{text-decoration:underline;color: #666;} footer p{font-weight:normal;text-align:center;clear:both;font-size:13px;color:#8a8a8a !important;margin-bottom: 0px;padding: 2px;} .footer { font-weight: 500; } .footerlinks {font-weight: 600;padding:0 !important;} .footerlinks a { font-size: 12px;text-decoration: none; } .footerlinks a:hover { text-decoration: underline; color:#666; } .brand-logo { width: 100%; } .pad10{ padding-top: 20px !important;; } .secured_logos1 img{ width: 100%; height: auto; max-width: 380px; margin: 0 auto; } .limited-box p { font-size: 17px; text-align: left; border: 1px solid #8f8c8c; padding: 15px 22px; color: #333; border-radius: 6px; font-weight: normal; margin-bottom: 6px; letter-spacing: -0.5px; box-shadow: 1px 1px 3px #aaa; margin-top: 1em; line-height: 25px; width: 100%; margin: 1em auto; max-width: 350px; background: #ffff00; } .limited-box .text1 { color: red; font-weight: 600; } .limited-box .text2 { color: green; } .frm-chk { position: relative; display: flex; margin-bottom: 10px; } .frm-chk input[type="checkbox"] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; } .frm-chk input[type="checkbox"] + span { background: url("../images/ck-box.png?v=1.0") no-repeat left 3px; padding-left: 22px; min-height: 23px; display: flex; align-items: center; font-size: 14px; background-size: 18px auto; } .frm-chk input[type="checkbox"]:checked + span { background: url("../images/cked-box.png?v=1.0") no-repeat left 3px; background-size: 18px auto; } label.frm-chk [type="checkbox"]:checked + .cust_check:before, label.frm-chk [type="checkbox"]:not(:checked) + .cust_check:before, label.frm-chk [type="checkbox"]:checked + .cust_check:after, label.frm-chk [type="checkbox"]:not(:checked) + .cust_check:after { display: none; }