.orderInfoStepHide, .basketStepHide {display: none !important;} .main-block.checkoutBlocks {position: relative; align-items: flex-start; margin-bottom: 40px;} .block-products-latest {margin-top:50px;} .breadcrumbs-checkout { text-align: center; margin:34px 0;} .breadcrumbs-checkout .breadcrumbs {justify-content: space-between; width: 100%;} .breadcrumbs-checkout .breadcrumb {background:#FBF7F8;font:400 24px "Playfair Display"; justify-content: center; padding: 19px 0; width: 33.33%;} .breadcrumbs-checkout .breadcrumb.active {background:#DFC7CD; color:#fff;} .basket-page .breadcrumbs-checkout {order:1;} .basket-page .main-block-center-side, .basket-page .main-block-right-side {order:2;} .basket-page .main-block-left-side {order:3;} .inner-page .block-basket h2 {text-align: center;} .order-page .main-block-right-side {order: 1; padding: 0 2% 0 0;} .order-page .main-block-center-side {order: 2;} .order-page .main-block-left-side {order: 3; padding: 0 0 0 2%;} .order-page .block-basket {margin: 0;} .order-page .checkout-title {align-items: center; display: flex;} .order-page .checkout-title span {align-items: center; display: flex; font-size: 0.75em;} .order-page .checkout-title span i {margin: 0 0 0 .5rem; opacity: .7;} .order-info-page .main-block-right-side {order: 3; padding: 0;} .order-info-page .main-block-center-side {order: 2;} .order-info-page .main-block-left-side {order: 1; padding: 0;} .checkout-title.order-title .angle {display: none; font-size: 1.2em; margin: 0;} .checkout-title.order-title .angle i {bottom: -3px;} .checkout-title.is-retrieve-only, .block-summary-wrapper.is-retrieve-only {display:none;} .order-info-login-action {margin: 0 0 -1px;} .order-info-login-action span {background: #fff; border: 1px solid #d7d7d7; border-color: #fff #fff #d7d7d7; color: #000; cursor: pointer; display: inline-block; margin: 0; padding: .7em 0; text-align: center; width: 110px;} .order-info-login-action span.activeTab {border: 1px solid #d7d7d7; border-color: #d7d7d7 #d7d7d7 #fff;} .checkoutBlocks .basketQtyMinus, .checkoutBlocks .basketQtyPlus {background: rgba(0,0,0,0); border: 0; font: 900 20px/0.6em arial; padding: .1em; position: relative;} .checkoutBlocks .basketQtyMinus.btn.btn-default {bottom: -1px; padding: 0 4px 4px;} .checkoutBlocks input.basketQty {border: 1px solid #b3b3b3; font: 12px Arial, Helvetica, sans-serif; margin: 0 2px; padding: 1px; text-align: center; width: 30px;} .checkoutBlocks label {position: relative;} .block-basket-hdrs {display:none;} .block-basket-wrapper {border:1px solid #242424; padding: 33px 0 0;} .block-basket-top {display: flex; justify-content: space-between; align-items: end; padding:0 40px; } .block-basket-top .checkout-title {} .block-basket-links {display:flex; gap:47px; font-size:16px;} .block-basket-links a, .basket-edit a, .block-summary .form-group a{background: linear-gradient(to right,currentColor,currentColor);background-position: 0% 0%;background-repeat: repeat;background-size: auto;background-size: 100% 1px;background-position: 50% 86%;background-repeat: no-repeat;transition: color .25s ease-in,background-size .25s ease-in;padding:3px 0;text-decoration:none !important;} .block-basket-links a:hover, .basket-edit a:hover, .block-summary .form-group a:hover{background-size: 0% 1px;} .order-info-page .block-basket-links {display:none;} .block-basket-items {padding: 43px 40px 33px; display:flex; flex-direction:column; gap:52px; } .block-basket-item {display:grid; grid-template-columns: 145px calc(70% - 145px)20% 10%; align-items: center; justify-content: space-between; background: #fff; font-size: 0; position: relative;} .block-basket-item > div { display: inline-block; font-size: 12px; line-height: 2em; text-align: center; vertical-align: middle;} .block-basket-item .basket-edit {font-size: 16px; text-align: right;} .block-basket-item .basket-title { text-align: left; margin-left: 36px;} .block-basket-item .shipping {color: #FA5; font-size: 16px; text-transform: uppercase; margin-top: 8px;} .order-info-page .block-basket-item .shipping {display:none;} .block-basket-item .basket-image .image { text-align: center; height: 0;padding: 100% 0 0;position: relative;overflow: hidden;} .block-basket-item .basket-image .image img {height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 100%;} .block-basket-item .basket-title .item {} .block-basket-item .basket-title .title { font-size:16px; line-height: 1.4em; overflow: hidden;} .block-basket-item .basket-title .title a {text-decoration:none;} .block-basket-item .basket-title .item-code {font-size:16px; font-weight:500; margin-top: 8px;} .block-basket-item .basket-title .item-code b {font-weight:500;} .block-basket-item .basket-title .components .zoom {display: none !important;} .block-basket-item .basket-price {font-size: 20px; } .block-basket-item .basket-title .basket-price {font-size:20px; margin-top:8px;} .block-basket-item .basket-price span {display: none; font-size: .9em;} .block-basket-item .basket-price span:before {content: "(";} .block-basket-item .basket-price span:after {content: ")";} .block-basket-item .basket-qty {font-size: 16px;} .block-basket-item .basket-remove { cursor: pointer;} .block-basket-item .basket-remove span {} .block-basket-item .basket-qty input[type="text"] {padding:21px 0; width: 80%; text-align:center;} .block-basket-item .basket-remove {position: absolute; top:-16px;} .block-basket-item .basket-remove a {background: #fff; align-items: center; border:1px solid #000; border-radius: 50%;cursor: pointer; display: flex;flex-direction: column;justify-content: center; height: 37px; width: 37px; } .block-basket-item .basket-remove span {background: #000; height: 1px; width: 18px; transform: rotate(-45deg); display: block;} .block-basket-item .basket-remove span + span {margin-top: -1px; transform: rotate(45deg);} .block-basket-item.coupons {grid-template-columns: 130px calc(80% - 130px)20%;} .block-basket-item.coupons svg {font-size:70px;} .block-basket-item.coupons b {display:block; color:#000; font-size: 16px; font-weight:400;} .block-basket-item.coupons .basket-title {font-size: 16px; color:#FFA500;} .block-goods-item {display:none; background: #eaeaea; float: right; margin: -1em 0 1em; padding: 1.5em 0; width: 42%;} .block-goods-item > div {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 14px; padding: 0 1.5em; text-align: center; width: 42%;} .block-goods-item > div.goods-title {text-align: left;} .block-goods-item.discont, .block-goods-item.with-discount {display: none;} .main-block-left-side .block-basket-hdrs > div, .main-block-right-side .block-basket-hdrs > div {padding: 10px 12px;} .main-block-left-side .block-basket-hdrs .basket-title, .main-block-right-side .block-basket-hdrs .basket-title {width: 54%;} .main-block-left-side .block-basket-hdrs .basket-qty, .main-block-right-side .block-basket-hdrs .basket-qty {width: 10%;} .main-block-left-side .block-basket-item, .main-block-right-side .block-basket-item {margin: 0; padding: 0;} /* .main-block-left-side .block-basket-item .basket-title, .main-block-right-side .block-basket-item .basket-title {border-right: 0; padding: 8px; width: 54%;} */ .main-block-left-side .block-basket-item .basket-title .image, .main-block-right-side .block-basket-item .basket-title .image {width: 74px;} /* .main-block-left-side .block-basket-item .basket-title .item, .main-block-right-side .block-basket-item .basket-title .item {margin-left: 78px;} */ .main-block-left-side .block-basket-item .basket-qty, .main-block-right-side .block-basket-item .basket-qty {width: 10%;} .main-block-left-side .block-basket-item .basket-remove, .main-block-right-side .block-basket-item .basket-remove {display: none;} .main-block-left-side .block-basket-item.coupons .basket-title, .main-block-right-side .block-basket-item.coupons .basket-title {padding-left: 86px; width: 72%;} .main-block-left-side .block-basket-item.coupons .basket-title .fa, .main-block-right-side .block-basket-item.coupons .basket-title .fa {margin-left: -78px; width: 74px;} .main-block-left-side .block-basket-item.coupons .basket-price.total, .main-block-right-side .block-basket-item.coupons .basket-price.total {margin-left: 10%;} .main-block-left-side .block-basket-item.item-coupons > div, .main-block-right-side .block-basket-item.item-coupons > div {padding-top: 4px;} .main-block-left-side .block-basket-item.item-coupons .basket-title, .main-block-right-side .block-basket-item.item-coupons .basket-title {padding-left: 86px;} .block-basket-additional {margin-top: 1rem;} .block-basket-additional .tabs {display:none;} /* .block-basket-additional .tabs a {border-left: 1px solid #e0e0e0; color: #666; font-size: .75rem; padding: .5rem 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 35%;} .block-basket-additional .tabs a:first-child {border-left: 0; width: 30%;} .block-basket-additional .tabs a:hover, .block-basket-additional .tabs a.active {background: #ededed;} */ .block-basket-additional .tab-content form {display: flex; justify-content: space-between; gap: 13px;} .block-basket-additional .tab-content .form-group {margin: 0; width:calc(100% - 130px);} .block-basket-additional .form-button {width:128px;} .block-basket-additional .form-button .btn {font: 400 16px "Proxima Nova", sans-serif; border: 1px solid #EFDEE2; color:#242424; margin-top:0; background: #EFDEE2; border: 0; padding: 16px .8em;} .block-basket-additional .form-group .form-control{padding: 16px 10px; text-align: center;} .block-basket-additional #basket_save, .block-basket-additional #basket_retrieve {display:none;} .block-basket-additional.is-retrieve-only #coupon, .block-basket-additional.is-retrieve-only #save, .block-basket-additional.is-retrieve-only #basket_coupon {display:none;} .block-basket-additional.is-retrieve-only #basket_retrieve {display:none;} .block-basket-additional.is-retrieve-only #retrieve{background: #ededed;} .form-group {align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 .5em; width: 100%;} .form-group label {display: block; line-height: 1.4;} .form-group .fa, .form-group .fas {display: none; /*font-size: 1.2em;*/ margin-left: .5rem;} .form-group .fa-check {color: #468847;} .form-group .fa-warning {color: #b94a48;} .form-group .form-control {border: 1px solid #696969; font-size:16px; padding: .375rem .75rem; width: 100%;} .has-error .fa-warning, .has-success .fa-check {display: inline;} .has-error .error-message {color: #b94a48; font-size: .9em;} .has-error .form-control {border: 1px solid #b94a48;} .has-success .form-control {border: 1px solid #468847;} .form-group.before-button {width: 70%;} .form-button {width: 100%;} .form-button .btn { max-width:none; width: 100%; margin-top:20px; } .shipping-note {float: right; text-align: right; width: 45%;} .shipping-note.is-retrieve-only {display:none;} .shipping-note div {display: none;} .basket-page .main-block-right-side {border: 1px solid #242424; padding-left:0; padding: 33px 45px;} .block-summary-wrapper { margin: 0;} .block-summary {padding: .5625rem 0;} .block-summary .form-group {margin: 0; padding: .5625rem 0;} /*.block-summary-wrapper .form-group.shipping,*/ .block-summary-wrapper .ship-to-postcode {display:none;} .block-summary .form-group.shipping-method {border-bottom: 1px solid #d7d7d7; gap: .75rem; margin: 0 0 .5625rem; padding-bottom: 1.125rem;} .block-summary .form-group.shipping-method > label {font: 400 34px "Playfair Display"; width: 100%;} .block-summary .form-group.order-total {font-size:18px; border: 1px solid #C2C2C2;border-width: 1px 0;margin: .5rem 0;padding: 16px 0;} .block-summary .form-group.order-total label{font-size:18px;} .block-summary .form-group label {font-size: 16px; margin: 0; width: 40%;} .block-summary .form-group > span {font-size:16px;} .block-summary .form-group #order_toal {font-size:18px;} .block-summary .form-group select {padding: 4px; width: 60%;} .block-summary .form-group select[disabled="disabled"] {appearance: none; -moz-appearance: none; -webkit-appearance: none; background: none; border: 0;} .block-summary .form-button {padding: 0; text-align: center;} .cant-deliver {cursor: default; margin: 2em 0 0; max-width: 100%; padding: 1em;} .block-cards-wrapper {margin: 1em 0;} .block-cards {background: url(../images/chck-cards.jpg) no-repeat 50% 50%; height: 20px; margin: 0 auto; width: 131px;} .block-quick-checkout-wrapper {border: 1px solid #d7d7d7; margin: 0 0 1em; padding: 22px;} .block-quick-checkout-title {font-size: 1.4em; margin: 0 0 1em; text-align: center;} .block-quick-checkout-btn a {background: url(../images/chck-ppl.jpg) no-repeat 50% 50%; display: block; height: 37px; margin: 0 auto; text-indent: -9999px; width: 192px;} .order-page .block-summary-wrapper {border-top: 0;} /* .block-summary .shipping-method span {float: right; line-height: 2.4;} */ .block-summary .shipping-method span.shipping-cost, .block-summary .shipping-method span.shipping-cost span {display:none;} .block-summary .shipping-method span.shipping-cost span.selected {display:block;} .order-page .block-summary .shipping-method #shipping_method_id {display: none;} .block-summary .shipping-method .shipping-method-radio {display: none;} .block-summary .shipping-method span.shipping-name {display: inline-block; float: none;} .order-page .block-summary .form-group.order-total {border-bottom: 1px solid #d7d7d7; margin: 0 0 18px; padding-bottom: 18px;} .block-summary .form-group.terms-edit {margin: 20px 0 0;} .block-summary .form-group.terms-edit label {font-size:14px;width: 70%;} .block-summary .form-group.terms-edit span {font-size:14px;} .order-page .paymet-img {background: #F5F5F5; display: flex; padding:8px; justify-content: flex-end;width: 100%;} .order-page .paymet-img img {height: auto; max-width: 100%;} .order-page .form-group.payment-select {border-bottom: 1px solid #d7d7d7; margin: 0 0 18px; padding: 18px 0;} .order-page .form-group.payment-select > label {display: none;} .order-page .form-group.payment-select .radio-group label {float: none; text-align: right; width: auto;} .order-page .block-summary {border: 1px solid #242424; border-width: 0 1px; padding: 0 43px;} .order-page .form-button {border: 1px solid #242424; border-width: 0 1px 1px; padding: 0 43px 33px; } .form-group.ship-to-postcode > label {margin: 0 0 .4em; width: 100%; font-size: 1em;} .form-group.ship-to-postcode > input {padding: .4em; width: 60%;} .form-group.ship-to-postcode > button {padding: .4em; width: 40%;} .form-group.ship-to-postcode .shipping-info-block {margin: .5rem 0 0;} .form-group.ship-to-postcode .shipping-info-block span {display: none;} .order-info-page .block-summary .shipping-method #shipping_method_id {display: inline-block;} .order-info-page .block-summary .shipping-method .shipping-method-radio {display: block; text-align: left; width: 100%;} .order-info-page .block-summary .shipping-method .shipping-method-radio input {margin: .25em .5em 0 0;} .order-info-page .block-summary .shipping-method .shipping-method-radio i {display: block;margin-left: 1.5rem;} .order-info-page .block-basket-wrapper {border-bottom:0;} .order-info-page .block-basket-item .basket-price.total {display:none;} .order-info-page .block-basket-item {grid-template-columns: 145px calc(100% - 145px);} .order-info-page .block-basket-items {gap: 24px;} .order-info-page .block-basket-item .basket-title {display:flex; flex-wrap:wrap; align-items: flex-end; gap:30px;} .order-info-page .item {width:100%;} .order-info-page .block-basket-item .basket-edit {display:none;} .block-payment-wrapper, .block-order-info-wrapper, .block-order-data-wrapper, .block-checkout-final-wrapper {border: 1px solid #242424; margin: 0 0 1em; padding:33px 45px;} .block-payment-wrapper .form-group, .block-order-info-wrapper .form-group, .block-checkout-final-wrapper .form-group {margin: 0; padding: 0 0 17px;} .block-payment-wrapper .form-group .form-group, .block-order-info-wrapper .form-group .form-group, .block-checkout-final-wrapper .form-group .form-group {margin: 0; padding: 0 0 10px;} .block-payment-wrapper .form-group label, .block-order-info-wrapper .form-group label, .block-checkout-final-wrapper .form-group label {display:none;} #different_address_checkbox label, #wish_reg_chckbx label{display:block;} .block-payment-wrapper .form-group .req, .block-order-info-wrapper .form-group .req, .block-checkout-final-wrapper .form-group .req {display:none;} .block-payment-wrapper .form-group .req i, .block-order-info-wrapper .form-group .req i, .block-checkout-final-wrapper .form-group .req i {float: right; font-size: 1rem; margin: 0 -1.5em 0 0;} .block-payment-wrapper .form-group label.form-inline, .block-order-info-wrapper .form-group label.form-inline, .block-checkout-final-wrapper .form-group label.form-inline {width: 5%;} .block-payment-wrapper .form-group label.form-inline + span, .block-order-info-wrapper .form-group label.form-inline + span, .block-checkout-final-wrapper .form-group label.form-inline + span {width: 60%;} .block-payment-wrapper .form-group.do-you-have-pwd > span, .block-order-info-wrapper .form-group.do-you-have-pwd > span, .block-checkout-final-wrapper .form-group.do-you-have-pwd > span {color: #9d9d9d; font-size: 0.8em;} .block-payment-wrapper .form-group select, .block-payment-wrapper .form-group textarea, .block-payment-wrapper .form-group input[type="text"], .block-payment-wrapper .form-group input[type="password"], .block-order-info-wrapper .form-group select, .block-order-info-wrapper .form-group textarea, .block-order-info-wrapper .form-group input[type="text"], .block-order-info-wrapper .form-group input[type="email"], .block-order-info-wrapper .form-group input[type="password"], .block-checkout-final-wrapper .form-group select, .block-checkout-final-wrapper .form-group textarea, .block-checkout-final-wrapper .form-group input[type="text"], .block-checkout-final-wrapper .form-group input[type="password"] {border: 1px solid #696969; padding: 16px 28px; width: 100%;} .block-payment-wrapper .form-group .text-bubble, .block-order-info-wrapper .form-group .text-bubble, .block-checkout-final-wrapper .form-group .text-bubble {/*margin-left: 35%;*/ order: 2; width: 100%;} .block-payment-wrapper .form-button, .block-order-info-wrapper .form-button, .block-checkout-final-wrapper .form-button {padding: 9px 26px; text-align: center;} .block-order-info-wrapper .form-button {display: none;} #order_info_top {margin-top:20px;} .block-payment-wrapper .asterix, .block-order-info-wrapper .asterix {display: none;font-size: 1rem; margin: 1rem calc(5% + 1rem); text-align: right;} .block-payment-wrapper .subtitle, .block-order-info-wrapper .subtitle { font:400 24px "Playfair Display"; margin: 0; padding: 20px 0 16px;} .block-order-info-wrapper .form-group .forgot {/*margin: 0 0 0 35%;*/ order: 3; padding: 1rem 0;} .block-order-info-wrapper .form-group .sign-in {/*margin: 0 5% 0 0;*/ order: 4; padding: .5rem 0;} .block-order-info-wrapper #reg_password .sign-in {text-align: right; width: 100%;} .block-order-info-wrapper .form-group .sign-in .btn {font-size: .75rem; font-weight: 700; line-height: 1; margin: 0; padding: .625rem 2rem; text-transform: uppercase;} .block-order-info-wrapper .form-group.logged label {margin: -2.4em 0 0.5em; width: 100%;} .block-order-info-wrapper .form-group.logged span {display: flex; justify-content: space-between; width: 100%;} .block-order-info-wrapper .form-group.logged span h2 {font-size: 1.125rem; font-weight: 400; margin: .5rem 0; text-transform: capitalize;} .block-order-info-wrapper .form-group.logged span a {font-size: .75rem; margin: 0 5% 0 0; padding: .625rem 2rem; text-transform: uppercase;} .block-order-info-wrapper .form-group.delivery-title { margin: 0 0 .625rem; padding: .625rem 0;} .block-order-info-wrapper .form-group.delivery-title label {font-size: 1em; width: 100%;} .block-order-info-wrapper .form-group.hidden-terms {visibility:hidden; height:0; padding:0;} .block-payment-wrapper .form-group.date select {margin-right: 1%; width: 20%;} .block-payment-wrapper .form-group.date select + select {margin-right: 19%;} .block-payment-wrapper .form-group.security input[type="text"] {margin-right: 19%; width: 41%;} .block-payment-wrapper .form-button {padding: .625rem 1rem 1.25rem; text-align: left;} .block-payment-wrapper .form-button .btn {margin-left: 35%;} .cc-info-page .main-block-center-side {margin: 0 0 32px;} .cc-info-page .main-block-left-side {border: 1px solid #242424; padding-left: 0; padding: 33px 45px;} #payment-form #submit {width: 100%;margin: 20px auto 0;display: block;} .block-order-cart .block-basket-items {gap: 24px;} .block-order-cart .block-basket-item {grid-template-columns: 145px calc(70% - 145px) 30%;} .block-order-cart .block-basket-item .basket-price {text-align: right;} .block-order-cart .block-basket-item .basket-price.incl-tax {display: none;} .block-order-cart .block-basket-goods-item {display: grid; grid-template-columns: 70% 30%; background: #fff; margin: 0; padding: 0; width: 100%;} .block-order-cart .block-basket-goods-item {font-size: 18px;} .block-order-cart .block-basket-goods-item > div {text-align: right;} .block-order-cart .block-basket-goods-item.goods-total, .block-order-cart .block-basket-goods-item.order-total {font-size: 20px; font-weight: 600;} @media (max-width: 820px) { .cc-info-page .main-block-left-side{padding: 36px 34px;} } @media (max-width: 520px) { .cc-info-page .main-block-left-side{padding: 24px;} } .confirmation-user-details {box-sizing: border-box; float: left; line-height: 1.5em; padding: 20px 26px; width: 50%;} .confirmation-user-details div.title {margin: 0 0 20px; text-transform: uppercase;} .confirmation-user-details div.title b {font-weight: 400; margin-right: 4px;} .confirmation-user-details div span {display: none;} .confirmation-payment-details {padding: 0 26px 20px;} .confirmation-payment-details div {font-weight: 700; margin: 9px 0;} .confirmation-payment-details div span {display: inline-block; font-size: 0.95em; font-weight: 400; min-width: 120px;} .confirmation-payment-details div.title {background: #d7d7d7; font-weight: 400; margin: 0 -26px 20px; padding: 10px 26px;} .confirmation-payment-details div.title a {float: right;} .block-order-data-wrapper .form-button {margin: -55px 0 0; padding: 0 26px; text-align: right;} .block-checkout-final-wrapper .form-group {padding: 0 0 10px;} .block-checkout-final-wrapper .form-group label {font-size: 1em; line-height: 2.4em; width: 45%;} .block-checkout-final-wrapper .form-group select, .block-checkout-final-wrapper .form-group textarea, .block-checkout-final-wrapper .form-group input[type="text"], .block-checkout-final-wrapper .form-group input[type="password"] {width: 50%;} .block-checkout-final-wrapper .form-group .text-bubble {margin-left: 45%;} .block-checkout-final-wrapper {padding: 10px 18px;} .block-checkout-final-wrapper h4 {font-size: 1.1em; margin: .5em 0 1.5em;} .block-checkout-final-wrapper .form-button {padding: 10px 0; text-align: left;} .block-checkout-final-wrapper .form-button .btn {margin-left: 45%; text-decoration: none; width: 50%;} #successfully_registered_block, #final_user_registration_block {border-top: 1px solid #d7d7d7; margin: 3em -18px -10px;} #final_user_registration_block form {border-right: 1px solid #d7d7d7; box-sizing: border-box; float: left; padding: 10px 28px 20px 18px; width: 60%;} #final_user_registration_block .pull-right {box-sizing: border-box; float: right; padding: 10px 18px 20px; width: 40%;} #final_user_registration_block .pull-right div {margin: 1em 0;} #final_user_registration_block .pull-right div i {margin: 0 .5em 0 0;} #successfully_registered_block {padding: 10px 18px 20px;} #successfully_registered_block .form-button .btn {display: inline-block; margin: 0 1% 0 0; padding: 9px 32px; width: auto;} #successfully_registered_block .form-button .btn.btn-white {background: #fff; border: 1px solid #000; color: #000;} .cc-info-page .block-summary-wrapper, .order-final-page .block-summary-wrapper, .order-confirmation-page .block-summary-wrapper {border: 0;} .cc-info-page .block-summary, .order-final-page .block-summary, .order-confirmation-page .block-summary {display: flex; flex-direction: column; padding: 0;} .cc-info-page .block-summary .form-group, .order-final-page .block-summary .form-group, .order-confirmation-page .block-summary .form-group {border: 1px solid #d7d7d7; border-width: 0 1px 1px; margin: 0; padding: 18px 12px 18px;} .cc-info-page .block-summary .form-group.order-total, .order-final-page .block-summary .form-group.order-total, .order-confirmation-page .block-summary .form-group.order-total {margin: 0;} .cc-info-page .block-summary .form-group.terms-edit, .order-final-page .block-summary .form-group.terms-edit, .order-confirmation-page .block-summary .form-group.terms-edit {border: 0;} .cc-info-page .block-summary .form-group.terms-edit label, .order-final-page .block-summary .form-group.terms-edit label, .order-confirmation-page .block-summary .form-group.terms-edit label {display: none!important;} .cc-info-page .block-summary .form-button, .cc-info-page .block-cards-wrapper, .cc-info-page .block-quick-checkout-wrapper, .order-final-page .block-summary .form-button, .order-final-page .block-cards-wrapper, .order-final-page .block-quick-checkout-wrapper, .order-confirmation-page .block-summary .form-button, .order-confirmation-page .block-cards-wrapper, .order-confirmation-page .block-quick-checkout-wrapper {display: none;} .cc-info-page .shipping-method label {width: 100%;} #forgot-password-wrapper {background: rgba(0, 0, 0, 0.5); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 9999;} #forgot-password-wrapper > form {background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; left: 50%; margin: -100px 0 0 -225px; padding: 25px; position: absolute; top: 50%; width: 450px;} #forgot-password-wrapper .form-group {margin: 0; padding: 0 0 10px;} #forgot-password-wrapper .form-group .req {float: right; font-size: 1.4em; line-height: 1em; margin: 0.5em 2% 0 0; text-align: right; width: 3%;} #forgot-password-wrapper .form-group .req i {float: right; font-size: 0.9em; margin: -0.25em -1.5em 0 0;} #forgot-password-wrapper .form-group select, #forgot-password-wrapper .form-group textarea, #forgot-password-wrapper .form-group input[type="text"], #forgot-password-wrapper .form-group input[type="email"], #forgot-password-wrapper .form-group input[type="password"] {padding: 6px; width: 92%;} #forgot-password-wrapper .form-button {text-align: center;} #forgot-password-wrapper .btn {background: #000; border: 0; box-sizing: border-box; color: #fff; cursor: pointer; font: 700 12px Arial,Helvetica,sans-serif; margin: 0; min-width: 114px; padding: 8px 18px; text-transform: uppercase;} #popup_thanks { background: rgba(0, 0, 0, 0.7); bottom: 0; top: 0; left: 0; right: 0; position: fixed; z-index: 19991; } #popup_thanks_inner { background: #fff; position: absolute; top: 350px; width: 400px; font-size: 18px; text-transform: capitalize; text-align: center; left: 50%; margin-left: -230px; padding: 30px; } #popup_thanks_close {position: absolute; right: 10px; top: 10px; cursor: pointer; color: #aaa; } #submit_popup_error_wrapper {background: rgba(0, 0, 0, 0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 19991;} #submit_popup_error_wrapper > div {background: #fff; border: 1px solid #b94a48; left: 50%; margin: -40px 0 0 -160px; padding: 30px 10px; position: absolute; text-align: center; top: 50%; width: 300px;} #submit_popup_error_close {background:#fff; cursor: pointer; font-size: 20px; padding: 4px 12px; position: absolute; right: 0; text-transform: lowercase; top: 0;} .shipping-method-radio {display:inline-block; text-align:right; width:50%; } .block-summary .form-group .shipping-method-radio label{width: auto;} .basket-page .shipping-method-radio {width:60%;} @media (max-width: 1300px) and (min-width: 1081px) { .block-basket-additional .tab-content form {flex-wrap:wrap; gap: 8px;} .block-basket-additional .tab-content .form-group {width:100%;} .block-basket-additional .form-button {width:100%;} } @media (max-width: 1080px) { .order-page .main-block-left-side, .order-page .main-block-right-side, .order-page .main-block-center-side, .basket-page .main-block-left-side, .basket-page .main-block-right-side, .basket-page .main-block-center-side { width: 100% !important;} .basket-page .main-block-center-side {margin: 0 0 32px;} .block-basket-additional .form-group .form-control {padding: 12px 10px;} .block-basket-additional .form-button .btn {padding: 13px .8em;} .block-basket-item .shipping {font-size:14px;} .block-summary .form-group.order-total label, .block-summary .form-group #order_toal{font-size:16px;} .block-basket-item .basket-qty input[type="text"] {width: 80px; padding: 12px 0;} .order-page .block-summary .form-button {display: none;} .block-order-info-wrapper .form-button {display: inherit;} .order-info-page .block-basket-item .basket-title {gap: 20px;} .order-info-page .block-basket-wrapper {margin:34px 0 0;} .block-payment-wrapper, .block-order-info-wrapper, .block-order-data-wrapper {margin-bottom:0;} .order-page.order-info-page .block-summary .form-button {display: inherit;} .order-info-page .block-order-info-wrapper .form-button {display: none;} .order-info-page .breadcrumbs-checkout p {font-size:14px;} .checkout-title.order-title {background: #ecebeb;} .checkout-title.order-title .angle {display: inherit;} } @media (max-width:820px) { .breadcrumbs-checkout .breadcrumb {font-size:20px;} .block-basket-item {grid-template-columns: 148px 30% calc(70% - 148px);} .block-basket-item .basket-image {grid-area: 1/1/3/2;} .block-basket-item .basket-title {grid-area: 1/2/2/4; margin-left:32px;} .block-basket-item .basket-price {text-align:left; margin-left:32px;} .order-page .block-basket-item .basket-price {margin-left:0} .order-info-page .block-basket-item .basket-qty {margin-left:0;} .block-basket-item .basket-remove {left: -8px;top: -8px;} .inner-page .block-basket {border-width: 1px 0; margin: 0;} .block-basket-hdrs {display: none} .block-basket-items, .basket-page .main-block-right-side{padding: 36px 34px;} .block-basket-top {padding: 0 36px;} .block-payment-wrapper, .block-order-info-wrapper, .block-order-data-wrapper {padding: 34px;} .basket-page .block-basket-item .basket-title .basket-price {display:none;} .block-basket-item.coupons .basket-title {width: 80%;} .main-block-left-side .block-basket-item.coupons .basket-title, .main-block-right-side .block-basket-item.coupons .basket-title {padding-left: 82px; width: 80%;} .block-basket-item.coupons .basket-price.total, .main-block-left-side .block-basket-item.coupons .basket-price.total, .main-block-right-side .block-basket-item.coupons .basket-price.total {margin: 0; padding-top: 10px;} .main-block-left-side .block-basket-item.item-coupons .basket-title, .main-block-right-side .block-basket-item.item-coupons .basket-title {padding-left: 82px;} .block-goods-item {display: none} .shipping-note {display: none; float: none; width: 100%;} .block-payment-wrapper .form-group label.form-inline, .block-order-info-wrapper .form-group label.form-inline, .block-checkout-final-wrapper .form-group label.form-inline {clear: left; float: left; margin: 0 6px 0 0; width: auto;} .block-payment-wrapper .form-group.do-you-have-pwd > span, .block-order-info-wrapper .form-group.do-you-have-pwd > span, .block-checkout-final-wrapper .form-group.do-you-have-pwd > span {float: left; line-height: 2.8em;} .order-page .block-summary .shipping-method label, .form-group.shipping label {float: none; width: 100%;} .order-page .block-summary .shipping-method select, .form-group.shipping select {float: left; width: 70%;} .form-group.shipping span {line-height: 2.4em;} .form-group.shipping .basketStepHide {display: block !important;} .form-group.shipping.shipping-method {border-bottom: 0; margin: 0;} .block-summary-wrapper .form-group.visible-phone {display:flex !important; border-top: 1px solid #d7d7d7; padding: 16px 0;} .block-payment-wrapper .form-group label .block-checkout-final-wrapper .form-group label {width: 100%;} .order-page .block-summary .form-group.order-total {margin: 0 0 24px;} .block-payment-wrapper .form-group .text-bubble, .block-order-info-wrapper .form-group .text-bubble, .block-checkout-final-wrapper .form-group .text-bubble {margin-left: 0%;} .block-payment-wrapper .form-group.date select {width: 30%;} .block-payment-wrapper .form-button .btn {margin-left: 0%;} .checkout-title.order-title {background: #ecebeb;} .checkout-title.order-title .angle {display: inherit;} .block-order-info-wrapper .form-group.hidden-terms {visibility:hidden; height:0; padding: 0 20px 10px;} .block-order-data-wrapper .form-button {margin: 0; padding: 0 26px 20px; text-align: center;} .block-order-data-wrapper .form-button .btn {margin-left: 0%;} .block-checkout-final-wrapper {gap:0;} .block-checkout-final-wrapper > div {width:100%;} #successfully_registered_block, #final_user_registration_block {margin: 0;} #final_user_registration_block form {border-right: 0; float: none; padding: 0; width: 100%;} .block-checkout-final-wrapper .form-button {padding: 10px 20px 20px; text-align: right;} .block-checkout-final-wrapper .form-button .btn {margin-left: 0%; margin-right: 8%;} #final_user_registration_block .pull-right {border-top: 1px solid #d7d7d7; float: none; padding: 0 0 10px; width: 100%;} .block-checkout-final-wrapper h4 {margin: 0 0 1.5em; padding: 20px 20px 0;} #final_user_registration_block .pull-right div {margin: 1em 0; padding: 0 20px;} #successfully_registered_block .form-button {padding: 10px 20px 20px; text-align: center;} #successfully_registered_block .form-button .btn {margin-bottom: 10px;} .cc-info-page .block-summary .form-group.sub-total, .order-final-page .block-summary .form-group.sub-total, .order-confirmation-page .block-summary .form-group.sub-total {display:none!important;} .cc-info-page .block-summary .form-group.shipping-method, .order-final-page .block-summary .form-group.shipping-method, .order-confirmation-page .block-summary .form-group.shipping-method {display:none!important;} } @media (max-width: 640px) { .breadcrumbs-checkout {margin: 21px 0;} .breadcrumbs-checkout .breadcrumb {font-size:18px; padding: 12px 0; display:none;} .breadcrumbs-checkout .breadcrumb.active {display:block; width:100%;} .block-basket-item .basket-title .title {font-size:14px;} .block-basket-item .basket-title .item-code {font-size:12px;} .block-payment-wrapper .form-group select, .block-payment-wrapper .form-group textarea, .block-payment-wrapper .form-group input[type="text"], .block-payment-wrapper .form-group input[type="password"], .block-order-info-wrapper .form-group select, .block-order-info-wrapper .form-group textarea, .block-order-info-wrapper .form-group input[type="text"], .block-order-info-wrapper .form-group input[type="email"], .block-order-info-wrapper .form-group input[type="password"], .block-checkout-final-wrapper .form-group select, .block-checkout-final-wrapper .form-group textarea, .block-checkout-final-wrapper .form-group input[type="text"], .block-checkout-final-wrapper .form-group input[type="password"] {padding: 12px 20px;} .checkout-final-left .number-ttl, .final-right-ttl, .final-right-ttl span, .block-checkout-final-wrapper .item-socials-ttl {font-size:16px;} .block-checkout-final-wrapper {font-size:14px;} .order-final-page .checkout-title, .order-page .checkout-title span {font-size:12px;} .shop-bnt .button-hover {padding:14px 0; margin-top: 24px;} .block-checkout-final-wrapper .item-socials a {width: 40px;height: 40px;} .block-basket-links {font-size:14px;} .block-basket-item .basket-edit {font-size:14px;} .block-payment-wrapper .form-group select, .block-payment-wrapper .form-group textarea, .block-payment-wrapper .form-group input[type="text"], .block-payment-wrapper .form-group input[type="password"], .block-order-info-wrapper .form-group select, .block-order-info-wrapper .form-group textarea, .block-order-info-wrapper .form-group input[type="text"], .block-order-info-wrapper .form-group input[type="email"], .block-order-info-wrapper .form-group input[type="password"], .block-checkout-final-wrapper .form-group select, .block-checkout-final-wrapper .form-group textarea, .block-checkout-final-wrapper .form-group input[type="text"], .block-checkout-final-wrapper .form-group input[type="password"] {font-size:14px; } #different_address_checkbox label, #wish_reg_chckbx label, .block-order-info-wrapper .form-group label.form-inline + span{font-size:14px;} } @media (max-width: 520px) { .block-basket-wrapper {padding: 24px 0 0;} .block-basket-items{padding: 36px 24px;} .basket-page .main-block-right-side {padding:24px;} .block-payment-wrapper, .block-order-info-wrapper, .block-order-data-wrapper {padding: 24px;} .order-info-page .block-basket-items {padding:24px;} .order-info-page .block-summary-wrapper form {padding: 0;} .order-page .block-summary {padding: 0 24px;} .block-basket-top {padding: 0 24px;} .block-basket-links { gap: 12px;} .block-basket-item, .order-info-page .block-basket-item {grid-template-columns:110px 30% calc(70% - 110px);} #forgot-password-wrapper > form {margin: -100px 0 0 -160px; padding: 35px; width: 320px;} .block-basket-item .basket-qty input[type="text"] {font-size: 12px; width:60px; padding:6px 0;} .block-order-info-wrapper .form-group.logged label {margin: .5em 0;} .block-order-info-wrapper .form-group.logged span h2 {float: none;} .block-basket-item .basket-edit {font-size:12px;} #reg_password .sign-in .btn {width:100%;} .order-page .form-button {padding: 0 24px 24px;} } @media (max-width:420px) { .block-basket-additional .tab-content form {flex-wrap:wrap; gap: 8px;} .block-basket-additional .tab-content .form-group {width:100%;} .block-basket-additional .form-button {width:100%;} .block-summary .form-group.terms-edit {flex-direction:column; padding-bottom: 0;} .block-summary .form-group.terms-edit label {width:100%;} .block-summary .form-group.terms-edit span {width:100%; margin-top:.5rem;} .order-page .paymet-img {justify-content: center;} }