/*************Cart Page***********/ #order #columns #center_column .shopping-cart-header {display: inline-block;width: 100%;margin: 40px 0; } #order #columns #center_column .shopping-cart-header .shopping-cart-title {float: left; padding: 0;} #order .price-button,.old_price {display: none;} .cart_unit .price {color: #000000;} #order #columns #center_column .shopping-cart-header .shopping-cart-button .btn, #order #order-detail-content .cart_summary_foot_right .btn {width: 100%;max-width: 360px; padding:12px 0;text-transform: uppercase; text-align: center;font-size: 13px;margin-top: 10px;} #order #columns #center_column .shopping-cart-header .shopping-cart-button a.btn:focus {background: #000000;} #order #columns #center_column .shopping-cart-header .shopping-cart-button .btn {max-width: 300px;margin-top: 0;} #order #columns #center_column .shopping-cart-header .shopping-cart-button {float: right;padding: 0;} #order #columns #center_column #order-detail-content ul li {float: left;} #order #columns #center_column .cart_summary_head ul li {text-transform: uppercase;} #order #columns #center_column #order-detail-content ul li.cart_product {width: 129px;} #order #columns #center_column #order-detail-content ul li.cart_description {width: 595px;padding-left: 26px;} #order #columns #center_column #order-detail-content ul li.cart_quantity {width: 125px;text-align: center;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_head li.cart_unit {padding-right: 65px;text-align: right;} #order #columns #center_column #order-detail-content ul li.cart_delete {width: 24px;} #order.order #columns #center_column #order-detail-content #cart_summary .full-width {float: left;width: 100%; font-size: 14px;position: relative; } #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li.cart_description {padding: 50px 0 27px 26px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li .product-attribs {text-transform: uppercase;margin-bottom: 4px;font-size: 12px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li .product-name {margin-bottom: 20px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li.cart_quantity {padding: 50px 0 0 10px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li .cart_quantity_button .cart_quantity_down, #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li .cart_quantity_button .cart_quantity_up {float: left;height: 40px;width: 40px;border: solid 1px #e9e9e9;border-radius: 3px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li .cart_quantity_button .cart_quantity_down {background: #ffffff url("../../img/order/minus.png") no-repeat scroll center 18px / 10px 2px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li .cart_quantity_button .cart_quantity_up {background: #ffffff url("../../img/order/plus.png") no-repeat scroll center 13px / 10px 10px;} .cart_quantity .cart_quantity_input {height: 40px;padding: 0;text-align: center;width: 30px;border:none;background-color: transparent;float: left;} #order.shopping-cart-page #columns #center_column #order-detail-content #cart_summary .cart_summary_head li.cart_unit {padding-right: 65px;text-align: right;} #order #columns #center_column #order-detail-content ul li.cart_unit {width: 325px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul {border: solid 1px #dee1eb;margin-top: 10px;font-size: 14px;position: relative;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li.cart_unit {padding-right: 55px;text-align: right;padding-top: 65px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body .cart_delete .cart_quantity_delete {background: url("../../img/order/cross.png") no-repeat scroll 0 15px / 17px 17px;width: 34px; height: 34px; position: absolute;right: 10px;top: 0px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot_left .coupon-details fieldset #discount_name {max-width: 240px; width: 100%; height: 40px; float: left;border:solid 1px #e9e9e9; } #order .coupon-details .btn, #order.shopping-cart-page #columns #center_column #order-detail-content #cart_summary .cart_summary_foot_left .coupon-details #voucher .button {height: 40px; width:auto;text-transform: uppercase; border: 1px solid #E9E9E9;background: #f8f8f8;padding: 8px 25px 5px;} #order .coupon-details .btn.active-coupon{background: #000000;color: #FFFFFF;} #order .coupon-details .btn.active-coupon span {color: #FFFFFF;} .coupon-details #voucher .button-small span {background: none; color: #000000;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right {border: solid 1px #e9e9e9;background-color: #f8f8f8;padding: 20px 20px 25px 20px;margin-bottom: 16px;} #order#columns #center_column #order-detail-content #cart_summary .cart_summary_foot ul {float: right;max-width: 337px;width: 100%;padding: 0px;margin: 0px;} #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_price li, #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_voucher li, #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_delivery li {padding: 0;width: 60%;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_price li, #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_voucher li, #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_delivery li {float: left;text-align: left;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_price li.price, #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_voucher li.price, #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_delivery li.price {padding: 0px 0px 6px 8px;color: black;border-top: none;font-weight: normal;text-align: left;width: 40%;text-align: right;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_price li.images {margin-top: 35px;width: 100%;float: left;display: inline;text-align: center;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_price li.images span {margin-left: 20px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_price li span {font-size: 14px;font-weight: 500;text-transform: uppercase;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right .cart_navigation, #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot ul:last-of-type, #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot ul, #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right ul.cart_total_price li.images {float: left; width: 100%;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot ul:last-of-type {border-top: 1px solid #e9e9e9;padding-top: 6px;margin-top: 6px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot ul {padding: 0px;margin: 0px;} #order #columns #center_column .cart_navigation a.continue-order {background: none;font-size: 12px;height: auto;letter-spacing: 1px;line-height:25px;margin-top: 16px;width: auto; position: relative; color: #000000;padding-left: 15px;text-transform: uppercase;} #order #columns #center_column .coupon-details .cart_navigation a.continue-order {margin-left: 0;border: none;} #order #columns #center_column .cart_navigation a.continue-order::before {content: "<";font-size: 15px;position: absolute;left: 0;top: 9px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right .images {margin-top: 35px;display: inline;text-align: center;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right .images span {margin-left: 18px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_left {padding: 0;} #order #columns #center_column .shopping-cart-header .no-shopping-product {width: 100%;float: left;text-align: center;text-transform: uppercase;} .shopping-button-center {margin: 0 auto; } #order #columns #center_column .shopping-cart-header .no-shopping-product .shopping-button a { width: auto; max-width: 100%; font-size: 13px;letter-spacing: 1px;margin-right: 0px;height: 100%;padding: 15px 41px; margin-top: 33px; float: none !important; margin-left: auto; margin-right: auto; } .coupon-details {margin:15px 0 25px;} #order #columns #center_column .table {margin-bottom: 0;} /************Order checkout Steps **************/ .outter-container #custom-header ul.step {overflow:visible; } .outter-container .columns-container {background: #f8f8f8; padding: 40px 0 40px 0;} .outter-container .columns-container .center_column {background: #FFFFFF;} #custom-header #header-logo {padding-bottom: 40px;padding-top: 23px;width: 100%;max-width: 260px;margin: 0 auto;} #custom-header #order_step {background: transparent; border:none; } #custom-header #order_step li {float: left;width: 33.33%;text-transform: uppercase;padding: 0 0px;} #custom-header #order_step li {background:transparent;text-shadow: none;border:none; } #custom-header #order_step li.step_done a, #custom-header #order_step li.step_done span, #custom-header #order_step li.step_current a, #custom-header #order_step li.step_current span {border-bottom: 2px solid #000000;color: #000000;} #custom-header #order_step li a, #custom-header #order_step li span {letter-spacing: 1px;font-size: 12px;text-align: center;border-bottom: 2px solid #e9e9e9;color: #e9e9e9;text-shadow: none;font-weight: normal; border-left: none;border-top: none;border-right:none; padding-left: 8px;} #custom-header #order_step li span::after {background:none;border: none;} .border-dots {background: #e9e9e9;border-radius: 100%;/*bottom: 22px;*/height: 8px;position: absolute;right: 49.5%;width: 8px; top: 44px;} .step_done .border-complete,.step_current .border-complete {z-index: 99;display: block;background: #000000;border-radius: 100%;bottom: -3px;height: 8px;position: absolute;right: 49.5%;width: 8px;} #center_column .box {background: #ffffff;padding: 0;margin: 0;border: none;} .button-nolink,.addresses ul li.address_update,.addresses ul li.address_title a{text-align: right;float:right;} .button-nolink span a,.addresses ul li.address_update a,.addresses ul li.address_title a { background: url("../../img/order/edit_icon.png") no-repeat left center; padding-left: 15px; text-transform: uppercase;} .addresses ul li.address_update a.button.button-small span,.addresses ul li.address_title a.button.button-small span {background: transparent;color: #000000;text-shadow: none;} #order .cart_navigation {padding-bottom: 20px; padding-right:0;display: inline-block;width: 100%;} #order .cart_summary_foot .cart_navigation {padding-right: 0px;} /*#order .cart_summary_foot .cart_navigation a.btn:hover {background: #000000;color: #FFFFFF;}*/ #order .addresses .cart_navigation {padding-right: 35px;padding-left: 15px;} .right-side-cart-box, #right-side-promo-box {float: left;width: 100%;background: #FFFFFF;border: solid 1px #f0f0f0;padding:15px 18px 13px 15px;color: #000000; margin-bottom:30px;} #right-side-promo-box {margin-bottom: 0px;} #cart-product-list ul li {float: left;width: 100%;position: relative;margin-bottom: 10px;} #cart-product-list .cart-product-image {float: left;width: 100%;max-width: 125px; margin-right: 10px;} #right-side-promo-box .discount_name {float: left;width: 63%;height: 40px;} .right-side-cart-box .total-cost-container {float: left;width: 100%;border-top: 1px solid #E9E9E9;margin: 10px 0 0px 0;font-weight: 500;padding-top: 15px;} .cart-product-detail .price_display {position: absolute;bottom: 7%;right: 0;width: 35%;text-align: right;font-size: 13px;font-weight: normal;} #product-checkout-cart-total {float: left;width: 100%; margin-top: 20px;} .right-side-cart-box .total-products-container {float: left;width: 100%;argin-bottom: 5px;font-size: 13px;} .right-side-cart-box .total-products-container .sub-total-label, .right-side-cart-box .total-cost-container .main-total-label {float: left;} .right-side-cart-box .total-products-container .sub-total-value, .right-side-cart-box .total-cost-container .main-total-value {float: right;} .outter-container .columns-container #center_column, .outter-container .columns-container #order-right-sidebar {padding: 0;} .outter-container .columns-container #center_column {max-width: 800px;} .outter-container #htmlcontent_footerTop {background: #ffffff;margin-bottom: 40px;border: 1px solid #e9e9e9;} #custom-header .nav > li > a:hover,#custom-header .nav > li > a:focus {background: none;} .custom-footer-details {margin: 0 auto;max-width: 1200px;width: 100%;} #custom-footer #contact-details p.contact-title {font-weight: 500;font-size: 15px;color: #000000;position: relative;} #custom-footer #contact-details p.contact-title i {background: url("../../img/order/telephone.png") no-repeat scroll center center / 13px 13px;height: 13px;left: -25px;position: absolute;top: 7px;width: 13px;} .order #custom-footer #payment-details, .authentication #custom-footer #payment-details {padding-right: 0;} #custom-footer #payment-details {float: right;width: 50%;padding-right: 6.1%;} #order .footer-center .inner {background: transparent;color: #a0a0a0;padding: 30px 0;} #custom-footer #payment-details .payment-images {float: left;width: 100%;} #custom-footer #payment-details .payment-images li.payment-cards {background: rgba(0, 0, 0, 0) url("../../img/order/payment_logo.png") no-repeat scroll center center / 212px 24px;margin-right: 0;width: 212px;} #custom-footer #payment-details .payment-images li {float: left;height: 24px;width: 38px;margin: 0 10px;margin-right: 10px;float: right;} #custom-footer #payment-details .info-links {float: right;width: 100%;margin-top: 10px;} #custom-footer #payment-details .info-links li {float: right;color: #000000;font-size: 13px;} #custom-footer #payment-details .info-links li.divider {margin: 0 8px;} #custom-footer #contact-details .contact-description {width: 100%;color: #000000;} ul.step li.step_done.step_done_last a:after {display: none;} #order #columns #center_column .alert {float: left;width: 100%;} #order #columns #center_column .alert.alert-warning { float: none; width: 100%;max-width: 263px; text-align: center; margin: 0 auto 20px auto; } #order .cart_navigation a.btn {font-size: 12px;font-weight: normal;text-align: left;text-transform: uppercase;margin-left: 25px;margin-top: 35px;} #order #carrier_area .cart_navigation a.btn {margin-left: 0;background:transparent;color: #000000;} /*#order .cart_navigation a.btn:hover,#order .cart_navigation a.btn:focus {background: transparent;color: #000000;outline: none;}*/ #order .addresses .cart_navigation button.btn {max-width: 360px;width: 100%;} #order .cart_navigation button.btn {padding: 15px 0 12px;max-width: 310px;width: 100%;} #order .cart_navigation button.btn span {font-size: 14px;text-transform: uppercase; padding: 0;} #right-side-promo-box .heading4, .total-cost-container span{text-transform: uppercase;} .addresses #address_delivery h1.page-subheading,.addresses #opc_invoice_address h3.page-subheading,h1.page-heading {float: left;width: 100%; text-align: center;padding: 25px 0 40px; border: none;} h1.page-heading {padding-bottom: 0px;} .outter-container #custom-footer {padding: 45px 0 30px;display: inline-block;width: 100%; } #custom-header { width: 100%;text-align: center;background: url("../../img/bandeau.png") center center repeat-x; } /************Order checkout step1 **************/ .addresses {width: 100%; padding-bottom: 25px;} .addresses .form-group {margin-left: 0;margin-right: 0;float: left;margin-bottom: 0;} .outter-container #center_column {background: #ffffff;} .addresses #address_delivery .checkbox {float: left;width: 100%;margin-top: 0px;} .order .form-group .inputText, .order .form-group select, .order .form-group #uniform-id_country.selector, #id_country, #id_state, .order .form-group #uniform-id_state.selector, .order .form-group #uniform-new_state.selector, #inv_id_state, #id_country_invoice,.order .form-group #uniform-id_country_invoice,.order .form-group #uniform-inv_id_state {width: 100% !important;max-width: 360px;height: 50px;background-color: #FFFFFF;border: solid 1px #e9e9e9;margin-bottom: 50px;margin-top: 0; color: #000000;} .order #center_column .addresses .box {padding: 0 25px;} .order .form-group select, .order .form-group #uniform-id_country.selector, #id_country, #id_state, .order .form-group #uniform-id_state.selector, #id_country_invoice,.order .form-group #uniform-id_country_invoice, #inv_id_state {background: none;margin-bottom: 0px;} .order .form-group #uniform-id_country.selector span, .order .form-group #uniform-id_country_invoice.selector span, .order .form-group #uniform-id_state.selector span, .order .form-group #uniform-inv_id_state.selector span {height: 48px;background: #FFFFFF url("../../img/order/spirit-icons.png") no-repeat 307px -113px;padding: 12px 0;} .address_title h3 {border: none;width: auto;display: inline-block;} .addresses div.back-link {padding: 0 0 0 25px;} .addresses div.continue {padding-right: 25px;} .addresses div.continue a .btn.btn-default {max-width: 310px;width: 100%;text-transform: uppercase;font-size: 13px;padding: 5px 0;} .addresses div.back-link a.btn.btn-default,#order .addresses .back-link a.btn, .paiement_block .cart_navigation a.btn{background: none;color: #000000;} .addresses ul.address {padding: 25px;} .order .form-group.phone_mobile_field {top: -30px;} .order .form-group.phone_mobile_field label {font-size: 13px;color: #777777;font-weight: normal;} } /************Order checkout step2 **************/ .address .address-leftpanel, .order .address-leftpanel, .order .left-side-content-box {width: 67%;max-width: 770px;padding: 0 10px;margin-left: 0;} .address-leftpanel #order_shipping_step, .order #order_shipping_step {border: none;margin: 0; border-radius: 0;} .address-leftpanel #order_shipping_step li.active, .order #order_shipping_step li.active {background: #FFFFFF;border:1px solid #000000; } .address-leftpanel #order_shipping_step li, .order #order_shipping_step li {float: left;width: 100%;padding: 13px 10px;border:1px solid #E9E9E9; border-radius:5px;margin-bottom: 15px;} .order #order_shipping_step li.shipping_step_tab a {cursor: pointer;display: block;width: 100%;padding: 0;float:left;} .address-leftpanel #order_shipping_step li a, .order #order_shipping_step li a {padding: 0 0 0 51px;position: relative;cursor: pointer;} .address-leftpanel #order_shipping_step li a, .address-leftpanel #order_shipping_step li a span, .order #order_shipping_step li a, .order #order_shipping_step li a span {border: none;padding-top: 0;padding-bottom: 0;} .address-leftpanel #order_shipping_step li a span.i, .order #order_shipping_step li a span.i {width: 20px;height: 25px;background: url("../../img/order/spirit-icons.png") no-repeat -141px 0px;} .order .order-address #order_shipping_step li .radio, .order .order-address #order_shipping_step li .radio span, .order .order-address #order_shipping_step li .radio input {width: 20px;height: 25px;} .order .order-address #order_shipping_step li .radio {display: table;} .order .order-address #order_shipping_step li .radio, .order .order-address #order_shipping_step li .radio span, .order .order-address #order_shipping_step li .radio input {width: 20px;height: 25px;} .order #order_shipping_step li.shipping_step_tab .radio span, .order #order_shipping_step li.shipping_step_tab .radio.hover span {background: none;} .address-leftpanel #order_shipping_step li span, .order #order_shipping_step li span {font-size: 13px;line-height: 2.08;text-align: left;color: #000000;text-transform: none;float: left;font-weight: normal;} .order #order_shipping_step li.shipping_step_tab a span.i .radio .delivery_option_radio, .order .order-address.address-leftpanel #order_shipping_step li.shipping_step_tab a span.i .radio .delivery_option_radio {background: none;border: none;opacity: 0 !important;cursor: pointer;} .address-leftpanel #order_shipping_step li.active a span.i, .order #order_shipping_step li.active a span.i {background: url("../../img/order/spirit-icons.png") no-repeat -160px 0px;} #order_shipping_step li span.orpostcodeder-carrier-name {width: 90%;} #order_shipping_step li span.step_subtitle{width: 80%} #order_shipping_step li span.step_shipping_cost{text-align: right;width: 20%; float: right;} #carrier_area {border: 1px solid #e9e9e9;} #carrier_area .customer-address {padding: 20px;float: left;width: 100%;} #order p.address-title {float: left;width: auto;font-weight: bold;} #order .address-details {float: left;width: 100%; margin-top: 15px;letter-spacing: 1px;} #center_column .box ul li span.checked:hover {background: none;} #center_column .order_carrier_content.box {padding: 14px 18px 13px;} .order #order_shipping_step li span.radio-btn {float: right;width: 50%;} /*************Order checkout step3********************/ #iqitmegamenu-accordion.cbp-spmenu > li:nth-child(4) a { font-family: "lietome", sans-serif; text-transform: none; font-size: 20px; } #HOOK_PAYMENT .payment_module h3.stripe_title,#HOOK_PAYMENT h3.title {font-size: 20px;font-weight: normal;color: #00544f;text-transform: none;text-align: center; padding-bottom: 20px;} #HOOK_PAYMENT .payment_module #stripe-payment-form {max-width: 337px; width: 100%;} #HOOK_PAYMENT .payment_module .payment_logos {margin: 0 0 20px;} #HOOK_PAYMENT .payment_module #stripe-payment-form label {font-size: 15px; font-weight: normal;} #HOOK_PAYMENT .payment_module #stripe-payment-form input[type="text"], #HOOK_PAYMENT .payment_module #stripe-payment-form select {border: solid 0.5px #e9e9e9;height: 50px; line-height: 50p; font-size: 13px;color: #000000;width: 100%;padding: 0px 17px;} #HOOK_PAYMENT .payment_module #stripe-payment-form .stripe-name, #HOOK_PAYMENT .payment_module #stripe-payment-form .stripe-card-number, #HOOK_PAYMENT .payment_module #stripe-payment-form #cardNumber-element, #HOOK_PAYMENT .payment_module #stripe-payment-form .stripe-submit-button {width: 100%;} #HOOK_PAYMENT .payment_module .InputElement { line-height: 50px; font-size: 15px;color: #00544f;font"josefin-sans-regular";width: 100%;height: 50px; float: left;border-radius: none;} #HOOK_PAYMENT .payment_module #stripe-payment-form #cardNumber-element, #HOOK_PAYMENT .payment_module #stripe-payment-form #cardCvc-element, #HOOK_PAYMENT .payment_module #stripe-payment-form #cardExpiry-element {border: solid 0.5px #e9e9e9;height: 47px; line-height: 47px; font-size: 13px;color: #000000; width: 100%;padding:14px 10px;max-width: 100%; border-radius: none;} #HOOK_PAYMENT .payment_module #stripe-payment-form .stripe-card-cvc,#HOOK_PAYMENT .payment_module #stripe-payment-form .stripe-card-expiry {width: 49%;float: left;padding: 3px 1px !important; max-width: 49%; position: relative;} #HOOK_PAYMENT .payment_module #stripe-payment-form .stripe-submit-button { background-color: #000000;height: 40px; line-height: 28px; background-image: none; font-size: 13px;letter-spacing: 0.9px;text-transform: uppercase;border-radius: none;} .cc-text-center{text-align: center;margin: 0 0 25px 0;} .cc-text-center .text-center {border-top: 1px solid #afddd7;margin: 10px 0 20px 0;text-align: center;} .cc-text-center .text-center span {background: #FFFFFF;padding: 0 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .payment-sep {max-width: 350px; width: 100%;margin:0 auto; } #HOOK_PAYMENT div.payment_module.cart-stripe-official {padding-bottom: 0px;} p.payment_module {margin-bottom: 10px;} #HOOK_PAYMENT a.paypal_image {width: 100%;margin: 0 auto !important;text-align: center; display: inline-block; padding: 0px;} #page #columns #center_column #HOOK_PAYMENT .payment_module #stripe-payment-form a.stripe-card-cvc-info {padding: 3px 22px;} #page #columns #center_column #HOOK_PAYMENT .payment_module #stripe-payment-form a.stripe-card-cvc-info {margin-left: 10px;font-style: italic;background: url("../../img/order/info.png") no-repeat 0 0px;padding: 0 14px;display: inline-block;width: 14px;height: 15px;} .block-right a.stripe-card-cvc-info:hover div.cvc-info {display: block;} .stripe-card-cvc a.stripe-card-cvc-info div.cvc-info {font-weight: 300;color: #000000;font-size: 9px;right: -128px;top: -111px;} .stripe-card-cvc a.stripe-card-cvc-info div.cvc-info {display: none;font-size: 10px;color: #000000!important;font-style: normal;padding: 13px 14px 8px;position: absolute;right: 0px;top: -100px;width: 157px;height: 92px;background-color: #ffffff;line-height: normal;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);border: solid 0.5px #e9e9e9;} #order #columns #center_column #HOOK_PAYMENT > div#terms_condition {padding-left: 25px;} #order #columns #center_column #HOOK_PAYMENT > div#terms_condition {padding-bottom: 10px;padding-top: 25px;} #order #columns #center_column #HOOK_PAYMENT > div#terms_condition { padding-top: 46px; } #order #terms_condition {float: left;width: 100%;padding: 0 0 27px;padding-top: 0px;padding-bottom: 27px;padding-left: 0px;} #order #columns #center_column #HOOK_PAYMENT > div#terms_condition label {float: left;width: auto;line-height: 22.15px;font-size: 15px;padding-right: 2px;font-weight: normal;} #HOOK_PAYMENT .payment_module {max-width: 365px; width: 100%; margin:0 auto;background-color: #ffffff;} #HOOK_PAYMENT .payment_module.cart-stripe-official { margin:0 auto; background: none!important; border: none!important;} #HOOK_PAYMENT .payment_module .payment_logos { margin: 10px 0 30px; } #HOOK_PAYMENT .payment_module.cart-stripe-official .InputElement::placeholder { color: #00544f !important; font-size: 15px !important; } .paiement_block {float: left;width: 100%;} #order .paiement_block #HOOK_PAYMENT .stripe_bottom_separate {border-bottom: 0.5px solid #E9E9E9;line-height: 0.1em;margin: 22px auto;max-width: 340px;text-align: center;width: 100%;} #order .paiement_block #HOOK_PAYMENT .stripe_bottom_separate span {background: #fff none repeat scroll 0 0;font-size: 13px;padding: 0 10px;} #HOOK_PAYMENT .payment_module a span.title,#HOOK_PAYMENT .payment_module .payment-image {display: inline-block;width: 100%;color: #000000;text-align: center;margin-bottom: 10px;} #HOOK_PAYMENT p.payment_module a {border: 1px solid #e9e9e9;background: rgba(0, 0, 0, 0) url("../../img/order/right.png") no-repeat scroll 98% 53% / 24px 45px;max-width: 340px;margin: 0 auto;min-height: 88px;} #HOOK_PAYMENT .fancyboxIframe { color: #777777; } /*order-confirmation css start*/ .order-confirmation .breadcrumb, .order-confirmation p.alert-success, .order-confirmation h3.page-subheading { display: none; } .order-confirmation .page-top {width: 100%; max-width:650px; margin: 0px auto; text-align: center;} .order-confirmation .page-top h1{ font-size: 20px; font-weight: 500; padding: 0px 0px 8px 0px;} .order-confirmation .page-top .email-note { font-size: 16px; padding-top: 10px; line-height:2.5;} .order-confirmation .order-confirmation-number {color:#000000;font-size: 20px; font-weight: 500; padding: 38px 0px 12px 0px;font-weight:500; } /*Include the file order-step file in order confirmation css */ .order-confirmation .order-step { width: 100%; padding: 0px; margin: 0px 0px 52px; } .order-confirmation .order-step .order-step-inner { padding: 0px; margin: 0px;} .order-confirmation .order-step .order-step-inner .column-first, .order-confirmation .order-step .order-step-inner .column-second, .order-confirmation .order-step .order-step-inner .column-third { margin: 0px 1px 0px 0px; height: 100px; background-color:#f7f7f7; padding:23px 0px; width: 33.2%;line-height:normal;text-align:center;} .order-confirmation .order-step .order-step-inner .column-first > span, .order-confirmation .order-step .order-step-inner .column-second > span, .order-confirmation .order-step .order-step-inner .column-third > span { color:#000;font-size:13px;} .order-confirmation .stripe-confirm-message { display: none; } @media (min-width: 320px) and (max-width: 767px) { .order-confirmation .order-step .order-step-inner .column-first, .order-confirmation .order-step .order-step-inner .column-second, .order-confirmation .order-step .order-step-inner .column-third { width:100%; margin-bottom: 3px;} .order-confirmation .order-confirmation-number, .order-confirmation .page-top .email-note {padding-left: 15px;padding-right: 15px;} } .order-confirmation .order-step .order-step-inner span.title {font-weight: 500; font-size:15px;color:#000;text-transform:uppercase;} .order-confirmation .box.order-confirmation {display:none;} .button-exclusive.btn.btn-default.order-button {background:#fff;color:#000000;max-width:337px;text-align:left;width: 100%;border:none;font-size:12px;font-weight: normal;} .order-confirmation .order-size, .order-confirmation .order-color {color:#000000; margin-bottom:2px;text-transform: uppercase;} .order-confirmation .cart_navigation .button-exclusive i {margin-right:0px;} .order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit .text-left li {width:100%;text-align:center;} .order_confirmation_cart_summary {border: medium none;margin-bottom: 5px;} .order-confirmation #columns .maincontainer { margin: 0; padding-top: 32px; } .order-confirmation #columns .maincontainer #center_column { padding: 0; } .order-confirmation #columns .maincontainer #center_column .page-heading { float: left; line-height: normal; margin: 0 0 50px; padding: 0; width: 100%; font-size: 36px; color: #242424; font-weight: 300; } .order-confirmation #columns .maincontainer #center_column .page-heading .client-name { color: #000; font-weight: 600; } .order-confirmation #columns .maincontainer #center_column .email-note { float: left; width: 100%; font-size: 20px; font-weight: 300; text-align: center; } .order-confirmation #columns .maincontainer #center_column .email-note .client-email { color: #000; float: left; font-weight: 600; margin: 20px 0; width: 100%; } .order-confirmation #columns .maincontainer #center_column .order-confirmation-number { float: left; width: 100%; font-size: 20px; font-weight: 600; margin-bottom: 18px; margin-top: 40px; } .order-confirmation #columns .maincontainer #center_column .order-confirmation-steps .order-steps.current { background:#f6f6f6; } .order-confirmation #columns .maincontainer #center_column .order-confirmation-steps .order-steps.current:after{ display: none; } .order-confirmation #columns .maincontainer #center_column .order-confirmation-steps #order_step .order-steps.current .stepname { color: #000000; font-size: 28px; font-weight: 300; margin-bottom: 5px; padding-top: 20px; text-align: center;} .order-confirmation #columns .maincontainer #center_column .order-confirmation-steps #order_step .order-steps.current .stepcount { color: #000000; font-size: 13px; font-weight: 400; margin-bottom: 19px; text-align: center; } .order-confirmation #columns .maincontainer #center_column .order-confirmation-steps #order_step .order-steps.current .stepname { margin-bottom: 3px; } #order_confirmation_cart_summary { border: medium none; float: left; width: 100%; } #order_confirmation_cart_summary .cart-box-title {padding-bottom:5px;} #order_confirmation_cart_summary, #order_confirmation_cart_summary .cart_summary_head, #order_confirmation_cart_summary .cart_summary_head ul { float:left; width: 100%; } #order_confirmation_cart_summary .cart_summary_head ul li { float: left; width:25%; } #order_confirmation_cart_summary .cart_summary_body { float:left; width: 100%; } #order_confirmation_cart_summary .cart-box-title ul, #order_confirmation_cart_summary .cart-box-title, #order_confirmation_cart_summary .cart-box-products, #order_confirmation_cart_summary .cart-box-total { float:left; width: 100%; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product { float: left; width: 100%;border:1px solid #f8f8f8; margin-bottom: 10px;} #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul { float: left; width: 100%; margin-bottom: 0; padding: 0; } #order_confirmation_cart_summary .cart-box-title > ul > li, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product > ul > li { float:left; width: 20%; } #order_confirmation_cart_summary { border: none; margin-bottom: 5px; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product > ul > li { border: none; background: #fff; } #order_confirmation_cart_summary .cart-box-title ul li { font-size:14px;font-weight:500;color:#000000;text-transform: uppercase;} #order_confirmation_cart_summary .cart-box-title ul li, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li { float: left; } #order_confirmation_cart_summary .cart-box-products { margin-top: 0; margin-bottom:10px;} #order_confirmation_cart_summary .cart-box-title ul li.cart_product, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_product { width: 11.5%; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_product {position: relative;} #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_product span.sales { font-weight: 600;position:absolute;right:5px;color:#E53838;} #order_confirmation_cart_summary .cart-box-title ul li.cart_description, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_description { width: 36.5%; padding-left: 25px; } #order_confirmation_cart_summary .cart-box-title ul li.cart_delete, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_delete { width: 12.5%; } #order_confirmation_cart_summary .cart-box-title ul li.cart_quantity, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_quantity { width:35%; } #order_confirmation_cart_summary .cart-box-title ul li.cart_unit {text-align:center;width: 16.5%; padding-left: 0; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit { width: 16.5%; padding-left: 0; text-align: right; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit { padding: 63px 0 0 0; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li { font-size: 15px; font-weight: 400; text-align: right; color: #555555;} #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_delete > div { display: inline-block; padding: 63px 0 0; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_quantity { padding: 63px 0 0; } .cart-box-single-product .product-manufacturer { font-size: 14px; font-weight: 100; color: #999; margin-bottom:4px; } .cart-box-single-product .product-name, .cart-box-single-product .product-name a { font-size: 14px; font-weight: 100; line-height: 1.62; color:#000000; text-decoration: none; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_description { padding-left: 25px; padding-top:25px; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product .cart_ref { display: none; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product .cart-attribute, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product .cart-attribute a { font-size: 13px; font-weight: 400; line-height: 1.54; color: #000000; text-decoration:none; } #order-detail-content .cart_delete a.cart_quantity_delete { background: rgba(0, 0, 0, 0) url("../images/trash-icon.png") no-repeat scroll center center / 13px 15px; color: #333; float: left; font-size: 23px; width: 31px;} #order-detail-content .cart_delete a.cart_quantity_delete i.icon-trash::before { content:"";} .update-cart-summary { width: 54px; height: 27px; background: #fff url("../images/downarrow.png") no-repeat scroll 85% center / 10px 6px; border: solid 1px #d8d8d8; font-family: Open Sans; font-size: 14px; font-weight: 300; } .update-cart-summary { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product .cart_quantity_button { display: none; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product .cart_quantity .box-qty { margin:0 auto;width:75px;color:#000;font-size:14px;} #order_confirmation_cart_summary .cart-box-total { float: right; width:100%;margin-top:15px;max-width:333px;} #order_confirmation_cart_summary .cart-box-total .cart_total_tax { display: none; } #order_confirmation_cart_summary .cart-box-total .cart_total_delivery { display: block; } #order_confirmation_cart_summary .cart-box-total ul { float: left; width: 100%; } #order_confirmation_cart_summary .cart-box-total ul li.text-right {width:55%;} #order_confirmation_cart_summary .cart-box-total ul li { margin-bottom: 10px; font-size: 14px; font-weight: 100; color: #000000; float: left; width: 45%; text-align: left;} #order_confirmation_cart_summary .cart-box-total ul li .discount-coupon-value { font-size: 12px; color: #000; } #order_confirmation_cart_summary .cart-box-total ul li.price { font-size: 14px; font-weight: normal; text-align: right; color: #000000; font-weight: 100; } #order_confirmation_cart_summary .cart-box-total ul:last-child.cart_total_price { border-top: 1px solid #f8f8f8; margin-top: 5px; padding-top: 8px; } #order_confirmation_cart_summary .cart-box-total ul:last-child.cart_total_price li.total_price_container span, #order_confirmation_cart_summary .cart-box-total ul li.price #total_price { font-weight: 500; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li { float: right; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li.price-percent-reduction {width: 100%; text-align: center;margin-bottom:7px;} #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li.special-price {width: 50%;text-align:left;padding-left:5%;color:#000000;font-size: 13px;} #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li.old-price {width: 50%;color:#999;font-size: 13px;} #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li.price-percent-reduction span {background:#000000;color:#fff; font-size:14px;padding:1px 10px;} .order_confirmation .box p{display: none;} .order-confirmation #order_step .order-steps .stepcompleteddetails .stepcompleteinfo { border-bottom: none; padding-bottom: 0; } .order-confirmation #order_step .order-steps .stepcompleteddetails .stepcompleteinfo.step-note { font-weight:600; } .order-confirmation #order_step .order-steps .stepcompleteddetails .stepcompleteinfo.step-carrier { margin-top:0; } .order-confirmation #order_step .order-steps { min-height: 100px; } .order-confirmation #order_step .order-steps .steps-container { padding-top: 21px;} .order-confirmation #order_step .order-steps.four .steps-container, .order-confirmation #order_step .order-steps.last .steps-container { padding-top: 31px; } .order-confirmation .cart_navigation {float:left;margin-bottom:51px;} .order-confirmation .success_image img { display: inline-block; } .order-confirmation .order-step .order-step-inner span.title { display: block; margin: 0 0 10px; } .order-confirmation .box { display: none; } #order .country-field span.floating-label, #order .id_state span.floating-label, #order #os_ajax_id_state span.floating-label, #order #os_ajax_inv_id_state span.floating-label, #order .inv_id_state span.floating-label {top: -27px; left: 11px;} @media (max-width: 950px) { #order-confirmation #order_step .order-steps { min-height:125px; } } @media (max-width: 1280px) { #order-confirmation #columns { width:100%; } #order_confirmation_cart_summary .cart-box-total {float:right;width:50%; } #order-confirmation #columns .maincontainer #center_column .page-heading { font-size:28px; margin:0 0 30px;} } @media (max-width:767px) { #order_confirmation_cart_summary .cart-box-total { float: right; width:100%; max-width: 100%; } #order-confirmation #columns .maincontainer #center_column .page-heading { font-size: 24px; margin: 0 0 25px; } #order-confirmation #columns .maincontainer #center_column .email-note { font-size: 18px; } #order-confirmation #columns .maincontainer #center_column .order-confirmation-number { margin-top: 25px; font-size: 18px; } #order_confirmation_cart_summary .cart-box-title ul li.cart_product, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_product { width: 22%; } #order_confirmation_cart_summary .cart-box-title ul li.cart_quantity, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_quantity { width: 27%; } #order-confirmation #order_confirmation_cart_summary {padding: 0 15px;} } @media (max-width:480px) { #order_confirmation_cart_summary .cart-box-title ul li.cart_quantity, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_quantity { width: 22%; } #order_confirmation_cart_summary .cart-box-title ul li.cart_product, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_product { width: 25%;padding-top:13px; } #order_confirmation_cart_summary .cart-box-total { float: right; width: 100%;max-width:100%;} #order #page .columns-container #columns.order-payment-step #HOOK_PAYMENT { padding:0;} } @media (max-width: 419px) { #order_confirmation_cart_summary .cart-box-single-product .product-name a, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product .cart-attribute { font-size: 10px; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product .cart-attribute, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product .cart-attribute a { font-size: 12px; font-weight: 400; color: #555555; } #order_confirmation_cart_summary .cart-box-title ul li.cart_description, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_description { width: 35.5%; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li.special-price, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li.old-price { width: 100%; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul { padding: 0 5px; } #order_confirmation_cart_summary .cart-box-total ul li, #order_confirmation_cart_summary .cart-box-total ul li.price { font-size: 12px;color:#777777;} #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_description { padding-left: 10px; padding-top: 10px; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_quantity, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit { padding: 30px 0 0; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li { font-size: 13px; } #order_confirmation_cart_summary .cart-box-single-product .product-name, .cart-box-single-product .product-manufacturer {font-size: 13px;} #order_confirmation_cart_summary .cart-box-single-product .order-size, #order_confirmation_cart_summary .cart-box-single-product .order-color { font-size: 10px;} #order_confirmation_cart_summary .cart-box-title ul li { font-size: 11px; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product .cart_quantity .box-qty{ width: auto; font-size: 12px; } .order-confirmation #columns .maincontainer #center_column .page-heading { font-size: 20px; } .order-confirmation #columns .maincontainer #center_column .email-note, .order-confirmation #columns .maincontainer #center_column .order-confirmation-number { font-size: 14px; } #order_confirmation_cart_summary .cart-box-title ul li { font-size: 12px; font-weight: 600; color: #000000; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li.special-price, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li.old-price { font-size:13px } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_product img { height: auto; } } @media (max-width:900px) { #order-confirmation-steps #order_step .order-steps .stepname { font-size: 24px; } } @media (max-width:767px) { #order-confirmation-steps #order_step .order-steps .stepcount { display: none; } #order-confirmation-steps #order_step .order-steps .stepname { padding-bottom: 10px; padding-top: 10px; font-size: 18px; } #order-confirmation-steps #order_step .order-steps .steps-container a .stepcontent { position:relative; } #order-confirmation-steps #order_step .order-steps a .stepname:before { content:"\f058"; font-family: FontAwesome; font-size: 19px; height: 20px; left: calc(50% - 60px); position: absolute; text-align: center; width: 20px; color: #5cb000; margin-top: 3px; } .order-confirmation #content {display:flex; flex-direction:column;} .order-confirmation .order-step {order:2;} .order-confirmation #order_confirmation_cart_summary{order:1;} .order-confirmation .cart_navigation, .order-confirmation #bottom, .order-confirmation #contact_block, .order-confirmation .cart-box-title, .order-confirmation .cart_quantity {display:none;} #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_description {width: 75%;} #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit {width:100%;padding-top: 0;float: right;} #order-confirmation.order-confirmation #order_confirmation_cart_summary .cart-box-single-product .price {float:right;width: 45%;} #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li.price-percent-reduction {width: 80%;} } @media (max-width:480px) { #order-confirmation-steps #order_step .order-steps .stepname { font-size: 13px;}. #order-confirmation-steps #order_step .order-steps .stepname { font-size: 18px; padding-bottom: 7px; padding-top: 7px; } #order-confirmation-steps #order_step { margin-bottom: 25px; } #order-confirmation-steps #order_step .order-steps a .stepname:before { font-size: 15px; height: 15px; left: calc(50% - 45px); width: 15px; margin-top: 0; } #order-confirmation #columns .maincontainer #center_column .order-confirmation-number { margin-top: 10px; } #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li.special-price, #order_confirmation_cart_summary .cart-box-products .cart-box-single-product ul li.cart_unit li.old-price {width:50%;} #order-confirmation.order-confirmation .order-step {margin-bottom: 0px;} #order-confirmation.order-confirmation .order-confirmation-number, #order-confirmation.order-confirmation .page-top .email-note {font-size: 13px;padding-left:13px;padding-right: 13px;} #order-confirmation.order-confirmation .page-top .email-note {line-height: 1.85;width:319px;margin:0 auto;} #order-confirmation.order-confirmation #order_confirmation_cart_summary, #order-confirmation.order-confirmation .order-step{padding: 0 15px;} .order-confirmation .page-top h1 {padding: 0 15px 8px;} } @media (min-width:768px) and (max-width:999px) { #order-confirmation .container { width:768px; } .order-confirmation .order-step .order-step-inner .column-first, .order-confirmation .order-step .order-step-inner .column-second, .order-confirmation .order-step .order-step-inner .column-third {width:32.2%;} } #order_confirmation_cart_summary + .box { display: none; } #order-confirmation .cart_product a {display: block;} #order-confirmation .cart_product a img {width: 100%;} /*Include the file order-step file in order confirmation End */ /*order-confirmation css End*/ @media (max-width: 1300px) { /*************Cart Page***********/ #order #columns #center_column #order-detail-content ul li.cart_product {width: 18%;} #order #columns #center_column #order-detail-content ul li.cart_description {width: 27%;} #order #columns #center_column #order-detail-content ul li.cart_quantity, #order #columns #center_column #order-detail-content #cart_summary li.cart_unit {width: 25%;} #order #columns #center_column #order-detail-content ul li.cart_delete {width: 5%;} #order.order #columns #center_column #order-detail-content #cart_summary .cart_summary_head .full-width {margin-top: 15px; margin-bottom: 0;border:none;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li.cart_quantity { padding: 48px 0 0 55px; } .table-responsive {border:none; } /************Order checkout Step2 **************/ .outter-container .columns-container #center_column {margin-right: 0;} #order_shipping_step li span.order-carrier-name,#order_shipping_step li span.step_subtitle {padding: 0;} #order_shipping_step li span.step_shipping_cost {float: right;} #carrier_area .cart_navigation button.btn {width: 100%;float: left;margin-left: 8px;} .address-leftpanel #order_shipping_step li, .order #order_shipping_step li {max-width: 100%;} @media (min-width: 768px) and (max-width: 1300px) { #carrier_area .cart_navigation button.btn { float: right; max-width: 50%; } } @media (max-width: 767px) { #order #columns #center_column #carrier_area .cart_navigation button.btn { margin-top: 20px; } } /************Order checkout Step1 **************/ .order .form-group .inputText, .order .form-group select, .order .form-group #uniform-id_country.selector, #id_country, #id_state, .order .form-group #uniform-id_state.selector, .order .form-group #uniform-new_state.selector, #new_state, #id_country_invoice, .order .form-group #uniform-id_country_invoice,.outter-container .columns-container #center_column {max-width: 100%;} /************Order checkout Steps **************/ .outter-container .columns-container #center_column {float: left;width: 65%;} } @media (min-width: 768px) and (max-width: 1250px) { .outter-container #custom-footer { padding: 45px 32px 30px; } .outter-container .columns-container #center_column { width: 100% ; max-width: 58%; } .desktop-view.no-padding { width: 100% ; max-width: 40%; } #right-side-promo-box .discount_name { width: 55%; } #order .addresses .cart_navigation button.btn { width: 50%; } .addresses .form-group.country-field { margin-bottom: 50px; } } @media (max-width: 767px) { /*************Cart Page***********/ .outter-container .columns-container #center_column {width: 100%;} #order #columns #center_column .shopping-cart-header .shopping-cart-title, #order #columns #center_column #order-detail-content #cart_summary .cart_summary_head,#order #columns #center_column .cart_navigation a.continue-order {display: none;} #order #columns #center_column .shopping-cart-header .shopping-cart-button .btn,#order #columns #center_column .shopping-cart-header .shopping-cart-button .btn, #order #columns #center_column .cart_navigation .btn { max-width: 100%; margin-bottom: 25px;margin-top: 0;} #order .price-button {display: inline;} #order #columns #center_column #order-detail-content ul li.cart_product img {height: 90px;padding: 0;width: 60px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li.cart_description {width: 78%;padding: 0;} #order.order #page #columns #center_column #order-detail-content ul li.cart_quantity {padding: 0;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li .cart_quantity_button .cart_quantity_down {background: #ffffff url("../../img/order/minus.png") no-repeat scroll center 8px / 10px 2px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li .cart_quantity_button .cart_quantity_down, #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li .cart_quantity_button .cart_quantity_up {height: 20px; width: 20px;} #order.order #page #columns #center_column #order-detail-content #cart_summary li.cart_unit {width: 50%; padding: 0;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li .cart_quantity_button .cart_quantity_up {background: #ffffff url("../../img/order/plus.png") no-repeat scroll center 4px / 10px 10px;} .cart_quantity .cart_quantity_input {height: 25px;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot_left .coupon-details fieldset #discount_name {width: 70%;} #order #columns #center_column #order-detail-content #cart_summary .cart_summary_foot .cart_summary_foot_right .images {float: left;margin-top: 0;width: 100%;} #order .coupon-details .btn, #order.shopping-cart-page #columns #center_column #order-detail-content #cart_summary .cart_summary_foot_left .coupon-details #voucher .button {padding: 0; width: 30%;} .addresses div.back-link a.btn.btn-default, #order .addresses a.btn.desktop-view {display: none;} /************Order checkout Step1 **************/ #order.order .form-group #uniform-id_country, #order.order .form-group #uniform-new_state.selector,#order.order #new_state,#order.order #id_country_invoice,#order.order .form-group #uniform-id_country_invoice {margin-bottom: 50px;} /*#postcode_invoice, #postcode {margin-bottom: 25px;}*/ .order #center_column .addresses .box {padding: 0 15px;} #order .addresses .cart_navigation {padding: 0 20px;} #order .addresses .cart_navigation .btn {width: 100%;} .addresses ul li.address_update {float: right;width: 100%;} .addresses ul {float: left;width: 100%;} .addresses .continue .btn.btn-default {width: 100%;display: inline-block;margin-top: 15px;} .addresses #address_delivery h1.page-subheading, .addresses #opc_invoice_address h3.page-subheading, h1.page-heading {font-size: 14px;} .addresses div.continue a .btn.btn-default {max-width: 100%;} .addresses div.continue {padding: 0 30px;} #center_column .order_carrier_content.box .mobile-view {float: left; width: 100%; margin-left: 0; margin-top: 0; display: block;} #center_column .order_carrier_content.box .address-details p {padding: 10px 0;} .addresses #address_delivery .checkbox {margin-top: 30px;} #custom-footer #payment-details { width: 100%; text-align: center; } #custom-footer #payment-details .payment-images li.payment-cards { float: left; width: 100%; } #custom-footer #payment-details .inner { text-align: center; width: 100%; } #order #columns #center_column .shopping-cart-header {margin-bottom: 0;} .outter-container #custom-footer { padding: 25px 0px 0px 0px; } .desktop-view { display: none; } #HOOK_PAYMENT .payment_module #stripe-payment-form .stripe-card-cvc, #HOOK_PAYMENT .payment_module #stripe-payment-form .stripe-card-expiry {max-width: 100%;} } /*Changes for order page */ @media (min-width: 768px) and (max-width: 1300px) { #order.order #columns #center_column #order-detail-content #cart_summary .cart_quantity .cart_quantity_button{ text-align: center; position: absolute; left: 0px; right: 0px; margin: 0 auto; max-width: 110px; } #order #columns #center_column #order-detail-content #cart_summary .cart_summary_body ul li.cart_quantity { position: relative; } }