.section-checkout { padding-top: 20px !important; padding-bottom: 40px } .checkout-form .input-title { font-size: 13px; font-weight: 500 } .btn-checkout { background-color: #6ab04c !important; border: 1px solid #4c8533 } .product-container { margin-top: 10px } .product-container h2 { margin-bottom: 0 !important } .product-container h3 { font-size: 18px; line-height: 18px; color: #1b1b1b; letter-spacing: .7px } .css-label div.selected { display: none } .progress-bar-custom { width: 50% !important; margin-bottom: 20px; display: inline-flex } .checkout-form p { margin-bottom: 0 !important; padding-bottom: 0 } .checkout-form h2 { margin-bottom: 10px; font-weight: 500 } .stock-tag { display: inline-flex; position: absolute; font-size: 13.4px; margin-bottom: 0; text-transform: uppercase } .progress { display: inline-flex } .checkout-header { padding-top: 0; padding-bottom: 0; background: #033b7d; background: -moz-linear-gradient(top, #033B7D 0%, #06f8f1 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #033B7D), color-stop(100%, #06f8f1)); background: -webkit-linear-gradient(top, #033B7D 0%, #06f8f1 100%); background: -o-linear-gradient(top, #033B7D 0%, #06f8f1 100%); background: -ms-linear-gradient(top, #033B7D 0%, #06f8f1 100%); background: linear-gradient(to bottom, #033B7D 0%, #06f8f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06f8f1', endColorstr='#06f8f1', GradientType=0) } .info-data { border-top-left-radius: 0 !important; border-radius: 15px; border-style: solid; border-color: #06f8f1; background-color: #fff; padding: 5px; margin-top: 6px; margin-bottom: 6px } .text-center{ text-align: center; } .disCardDec { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; overflow: hidden; z-index: 9999999999; background-color: rgb(0 0 0 / 50%); display: flex; justify-content: center; align-items: center; } .disCardDec .modal-dialog { background-color: #fff; width: 600px; max-width: 90%; border-radius: 8px; padding: 30px; min-height: auto !important; } .disCardDec .modal-content { width: 100%; padding: 1em; text-align: center; background: #eee; box-shadow: 1px 1px 5px #666 !important; border: 1px solid #fff !important; border-right: 1px solid #fff !important; border-radius: 4px; font-family: verdana !important; } .disCardDec .modal-header { padding: 0; } .disCardDec .modal-header h5 { font-size: 18px; padding: 0px 0 20px; margin-bottom: 0; font-weight: 600; text-shadow: 1px 1px 1px #fff; letter-spacing: 0px; color: green; border-bottom: 1px solid #ccc; font-family: verdana; width: 100%; } .disCardDec .modal-body { color: #111; margin: 0; font-size: 14px; line-height: 1.2; text-align: center; margin-bottom: 8px; text-shadow: 1px 1px 1px #fff; letter-spacing: -0.5px; font-weight: 600; padding: 15px 0 0; } .disCardDec .modal-body p { font-size: 16px; font-weight: bold; color: #000; font-family: Verdana, sans-serif; } .disCardDec .modal-body p .text2 { color: green; } .disCardDec img.mc_img { margin: 0 auto 15px; display: block; width: 40%; } .disCardDec .mastercard_submit { margin: 1em auto; display: block; font-size: 16px; border-radius: 6px; padding: 14px 20px; width: auto; font-weight: 600; line-height: 1.2; color: #fff; background-color: #28a745; border-color: #28a745; text-shadow: 1px 1px 1px #444; box-shadow: 0px 1px 3px #666; white-space: normal; } .disCardDec .mastercard_submit:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .disCardDec .modal-body .mastercard_submit img { max-width: 20px; } .disCardDec .modal-body a { color: #888; margin: 0; font-size: 12px; line-height: 1.5; text-align: center; margin-bottom: 1em; font-family: verdana; text-decoration: none; font-weight: 400; } .topbar { background: #000; width: 100%; text-align: center; padding: 25px 10px; } .topbar h2{ font-size: 40px; color: #fff; margin: 0; } .master_box{ margin: 20px auto; } .master_box img{ width: 100%; max-width: 300px; } @media(max-width:992px) { .lp-form-align { padding-top: 10px } } @media(max-width:600px) { .container { width: 100% } .lp-form { width: 100% } .lp-form-align { padding-top: 10px } .modal-full .modal-content .modal-header { padding: 0 5px } .product_name { font-size: 25px !important } } #card-errors { border: 2px dashed red; padding: 5px 6px; margin: 10px 0; text-align: center; font-weight: 700 } #stripe-errors { border: 2px dashed red; padding: 5px 6px; margin: 10px 0; display: none } #card-element { padding: 0 5px; background-color: #fff; margin-bottom: 8px; border-radius: 3px; border: 1px solid #f1f1f1; width: 100% } #card-expiry { padding: 0 5px; background-color: #fff; margin-bottom: 8px; border-radius: 3px; border: 1px solid #f1f1f1 } #card-cvc { padding: 0 5px; background-color: #fff; margin-bottom: 8px; border-radius: 3px; border: 1px solid #f1f1f1 } #stripe-errors.show { display: block !important } .selected { display: none !important } .lp-form-title {} .lp-form { border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 0 } .lp-form form { border: 2px solid #06f8f1 } .bigBtnTxt { font-size: 25px !important; font-weight: 600 !important; font-style: normal !important } .payment-method-card { max-height: 40px } #myUpSellModal { z-index: 10000; width: 100%; padding-right: 0 !important } #myFreeOneModal { z-index: 10000; width: 100%; padding-right: 0 !important } .modal-full { max-width: 100%; height: 100%; margin: 0; padding: 0 } .modal-full .modal-content { height: auto; min-height: 100%; border-radius: 0 } .modal-full .modal-content .modal-header { border: none } .upsell_item .fa-plus { position: absolute; top: 40%; right: -10px; font-size: 25px; color: #00bcd4 } .limited-time-offer-upsell { background: #da2321; color: #fff; height: 40px; z-index: 20 } .limited-time-offer-upsell p { padding: 7px; color: #fff; font-size: 20px } .limited-time-offer-upsell span { color: #fff } .buy_upsell { display: block; border-radius: 4px; background: linear-gradient(180deg, #3455C1 0%, #535461 100%); color: #fff; font-size: 18px; font-weight: 600; line-height: 54px; text-align: center; text-transform: uppercase; margin-top: 20px; cursor: pointer } .price-comment .rating i { color: #ffe255; font-size: 16px } .product_name { font-size: 35px; font-weight: 700; margin-bottom: 0 } .trapezoid { position: absolute; top: -16%; left: 45%; right: 0; z-index: 1; margin: 0 auto; max-width: 60px; max-height: 53px; width: 100%; height: 100%; text-align: center } .trapezoid:before, .trapezoid:after { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-transform-origin: 20% 100%; -ms-transform-origin: 20% 100%; transform-origin: 20% 100% } .trapezoid:before { -webkit-transform: skewX(18.8deg); background: #da2321 } .trapezoid:after { -webkit-transform: skewX(-18.8deg); transform: skewX(-18.8deg); background: #da2321 } .trapezoid span { color: #fff; font-size: 18px; font-weight: 600 } .no_thanks { cursor: pointer } #chkboxSameAddress { width: 17px; height: 17px !important; position: relative; top: 3px; padding-right: 0 !important; display: none; } .loading_m { display: none; position: fixed; z-index: 100000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .9) url(../img/processing.gif) 50% 50% no-repeat } body.loading .loading_m { overflow: hidden } body.loading .loading_m { display: block } .overlay_p { left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important } #error_message { color: red } .product_data_none { display: none } .product_data, .supply_period { height: 45px; line-height: 45px; border: 1px solid #cfd4dd; border-radius: 4px; background-color: #fff; opacity: .8; color: #000 !important; font-family: open sans; font-size: 14px; font-weight: 600 } .price-comment div { display: flex; align-items: center; justify-content: center } .price-comment div.starRating { margin-top: 7px } .label-price { color: #212529; font-size: 32px; font-weight: 700; line-height: 39px; margin-bottom: 0; margin-top: 10px } .label-price-over { text-decoration: line-through; color: #212529; font-size: 18px } .label-price-discout { margin-left: 5px; font-size: 30px } .limited-time-offer { background: #da2321; color: #fff; margin-top: 62px; padding-top: 10px; height: 40px; z-index: 20 } .custom_modal { background-size: cover; background-position: top center } .custom_modal .card { border-radius: 0 } .custom_modal .card-header { text-align: center; padding: 18px; background-color: #eaf7fd; font-weight: 700; font-size: 18px } .custom_modal .modal-body { padding: 0 } .custom_modal .buy_upsell { background: linear-gradient(180deg, #17a2b8 0%, #535461 100%); text-shadow: 0 1px 0 transparent; margin-top: 5px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3) } .custom_modal .card-body { background: linear-gradient(180deg, #eaf7fd, transparent) } .total-data { font-size: 20px; margin-bottom: 5px !important; margin-top: -15px; color: #000; font-weight: 800; display: none } .logoSM { max-height: 70px } section.bg-dark { background: linear-gradient(to bottom, #033B7D 0%, #06f8f1 100%); } footer.bg-dark { background-image: linear-gradient(0deg, rgb(0, 53, 123), rgba(6, 248, 241, 0.8)); padding: 60px 40px; color: #fff; } .footer p, .footer p a { color: #fff; } @media (min-width: 992px) { .col-lg-6, .col-sm-8, .new-css { flex: none; max-width: 100%; } .new-css { margin-bottom: 15px; } #kform_paySourceCard { margin: 0 auto; } .new-5-css, .new-7-css { flex: none; max-width: 100%; margin: 0 auto; padding: 0; } footer.bg-dark { max-width: 100%; margin: 0 auto; } } .weAccept { text-align: center; margin: 21px 0 10px } .sameAsShipping { margin-bottom: 15px; text-align: center; } .ccLogos { width: 50px; } .lp-form form { padding: 30px 20px; } .lp-form input, select { margin-bottom: 5px; padding-left: 10px; padding-right: 30px; } .form-group .row { display: block; margin-left: 0; margin-right: 0; } .info-data { padding-top: 0px !important; margin-top: 0px !important; border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; border-radius: 0px !important; } .section-checkout { padding-top: 0px !important; } h2 { color: #000; } .btn-checkout { background-color: #007bff !important; border: 1px solid #007bff; } .fields .disclaimer p { font-size: 12px; color: #757575; } .fields>select { width: 49% !important; border-radius: 5px;float: left;padding-left: 10px ;color: #495057; } .fields { width: 100%; display: inline-block; } .fields>input#cvv { width: 48% !important; border-radius: 5px;float: left; } .fields>input#ccnum { border-radius: 5px; } .border-2 { border: 2px !important; border-color: #FF0000 !important; } .bg-yellow { background-color: #ffff00; } input[name="terms"]{ padding: 0 5px; margin: 0 5px; line-height: 11px; font-size: 11px !important; height: 11px !important; } .disCardDec { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; overflow: hidden; z-index: 9999999999; } .disCardDecBg { width: 100%; height: 100%; background-color: #7f7f7f; background-color: rgb(0 0 0 / 50%); } .disCardDecInfos { 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; padding: 40px; } .disCardDecInfos a { font-size: 16px; position: absolute; right: -10px; top: -10px; color: #fff; background-color: #333; border: 1px solid #fff; border-radius: 50%; width: 30px; height: 30px; text-align: center; cursor: pointer; text-decoration: none; font-weight: 500; line-height: 23px; padding: 0; margin: 0; } .disCardDecContents { width: 100%; } .disCardDecContents p { color: #000; margin: 0; font-size: 15px; line-height: 1.5; text-align: center; } .disCardDecContents p { color: #9a9a9a; } .btnSection { display: flex; justify-content: space-around; margin-top: 20px; } .btnLeft, .btnRight { width: 45%; display: flex; min-height: 56px; border-radius: 60px; align-items: center; } .btnLeft { background-color: #1baa2e; } .btnSection a, .btnSection button { position: relative; right: 0; top: 0; border: 0; color: #fff; text-transform: uppercase; border-radius: 61px; width: 100% !important; line-height: normal; height: auto; font-size: 15px; font-weight: normal; background-color: transparent; padding: 15px; } .btnSection a:focus, .btnSection button:focus { outline: none !important; } .btnRight { background-color: #a30d00; } body.device-mobile .pac-container { top: 340px !important; } input::placeholder { color: #aaa !important; } .floating-labels { position: relative; margin-bottom: 10px; } .floating-labels input { position: relative !important; z-index: 1 !important; height: 25px; padding: 18px 0 0 10px !important; box-sizing: content-box !important; width: 95% !important; background: rgba(255,255,255, 0) !important; } .floating-labels select { padding: 5px 0 5px 10px; box-sizing: content-box; width: 95%; } .floating-labels input::placeholder { opacity: 0; } .floating-labels label { font-size: 15px; font-family:montserrat, sans-serif; transition: all .2s; cursor: text; position: absolute;top: 50%; transform: translateY(-50%); left: 10px; opacity: 0.6; font-weight: normal;} .floating-labels input:focus + label, .floating-labels input:not(:placeholder-shown) + label { font-size: 12px; color: #3498db; top: 25% ; z-index: 2; } .floating-labels select + label { display: none; } @supports (-ms-ime-align:auto) { .floating-labels label { display: none; } .floating-labels input {height: 43px; padding: 0 0 0 10px !important; } } .optout-link { display: none; } footer{font-family: 'Open Sans','Arial', san-serif; color:#8a8a8a !important;font-size:12px; } footer p a{color:#8a8a8a;font-size:12px;} footer p a:hover{text-decoration:underline;} footer p{text-align:center;clear:both;font-size:12px;color:#8a8a8a;} .footerlinks { padding: 20px 0; } .footerlinks a { font-size: 12px; } footer { padding: 20px 10px !important; max-width: 900px; margin: 20px auto 0; clear: both; display: block; box-sizing: border-box;} .error-message { color: #be0000; max-width: 600px; } p.retake-link { text-align: right !important; } div.modal-inner.soft-modal-inner p.retake-link a { cursor: pointer !important; text-decoration: underline !important; font-size: 12px !important; float: none !important; } .submitting-text { color: black; font-family: sans-serif; text-transform: uppercase; font-size: 18px; display: block; max-width: 400px;} .dots { color: black; font-size: 28px; } .shipping-fields { margin-top: 10px !important; } .shipping-fields label { width: 150px; text-align: right; padding-right: 10px; display: inline-block; vertical-align: top; } .shipping-fields .shipping-field { width: 300px; display: inline-block;vertical-align: top; } .shipping-fields input, .shipping-fields select { width: 100%; box-sizing: border-box; margin: 0; height:auto !important;} .shipping-fields input { padding: 6px 5px !important; text-indent: 0 !important;} .shipping-fields select { padding: 5px 5px !important;} .shipping-fields button { border: 0;width: 100%; display: block; cursor: pointer; position: relative; outline: 0; padding: 20px 15px; background: #2288D0; color: #fff; font-size: 20px; } body.device-mobile .update-shipping-form .shipping-fields label { text-align: left; } #form-submit.disabled, [type="submit"].disabled, #kformSubmit.disabled { opacity: 0.2; } .addon-offer-snippet { padding: 15px 0; font-size: 14px; font-weight: bold; text-align: center; width: 100%; } #threeds_overlay { top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); overflow: hidden; overflow-y: auto; position: fixed; display: block; transition: opacity 0.2s, z-index 0s 0.2s; z-index: 999 } #threeds_challenge { width: 500px; height: 400px; border: none; position: fixed; top: 20px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: -250px; margin-left: 50%; z-index: 1000 } #threeds_overlay_close { position: fixed; display: block; top: 30px; left: 50%; margin-left: 238px; z-index: 9999 } #threeds_overlay_close .threeds_close { cursor: pointer; } #threeds_overlay_close .threeds_close:after, #threeds_overlay_close .threeds_close:before { content: ""; height: 20px; width: 20px; border-top: 1px solid #000; position: absolute; top: 7px; right: -8px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #threeds_overlay_close .threeds_close:before { right: 6px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #threeds_overlay_close .threeds_close:hover { opacity: 0.3; } @media (max-width:767px){ .productimg{ height: 250px !important; } .btnSection { flex-direction: column; } .btnLeft { margin-bottom: 20px; } .btnLeft, .btnRight { width: 100%; } } /* #shippingState1.has-error,.expmonth.has-error,.expyear.has-error { background-position: 92.5%!important; } */ input.no-error, select.no-error, input.has-error, select.has-error{ appearance: none; -moz-appearance: none; -webkit-appearance: none; }