/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Aug 23, 2019, 12:23:34 PM Author : gasper */ /* -------------------------------- Modules - reusable parts of our design -------------------------------- */ @font-face { font-family: 'Larsseit'; src: url('../fonts/Larsseit.otf') format('opentype'); } @font-face { font-family: 'LarsseitBold'; src: url('../fonts/Larsseit-Bold.otf') format('opentype'); } @font-face { font-family: 'LarsseitThin'; src: url('../fonts/Larsseit-Thin.otf') format('opentype'); } @font-face { font-family: 'LarsseitLight'; src: url('../fonts/Larsseit-Light.otf') format('opentype'); } @font-face { font-family: 'LarsseitMedium'; src: url('../fonts/Larsseit-Medium.otf') format('opentype'); } .cd-container { /* this class is used to horizontally align the gallery of items */ position: relative; width: 90%; max-width: 1200px; margin: 0 auto; } .cd-container::after { /* clearfix */ content: ''; display: table; clear: both; } .cd-img-replace { /* replace text with a background-image */ display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; } #main-nav, #cd-cart { position: fixed; top: 0; height: 100%; width: 260px; /* header height */ padding-top: 50px; overflow-y: auto; -webkit-overflow-scrolling: touch; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); z-index: 3; } @media only screen and (min-width: 768px) { #main-nav, #cd-cart { width: 350px; } } @media only screen and (min-width: 1200px) { #main-nav, #cd-cart { width: 440px; padding-top: 56px; overflow-y: hidden; } } #main-nav ul .current { box-shadow: inset 3px 0 #435779; } .no-js #main-nav { position: fixed; } #cd-cart { right: -100%; background: #ffffff; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; transition: right 0.3s; z-index: 1060; } #cd-cart.speed-in { right: 0; } #cd-cart > * { padding: 0 1em; } #cd-cart h2 { font-size: 14px; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; margin: 1em 0; } #cd-cart .cd-cart-items { padding: 0; height: auto; max-height: 55vh; overflow: hidden; overflow-y: scroll; } #cd-cart .cd-cart-items li { position: relative; padding: 1em; border-top: solid 0.5px #5d5a5a29; } #cd-cart .cd-qty, #cd-cart .cd-price { color: #a5aebc; } #cd-cart .cd-price { margin-top: .4em; } #cd-cart .cd-item-remove { position: absolute; right: 1em; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-remove-item.svg") no-repeat center center; } .no-touch #cd-cart .cd-item-remove:hover { background-color: #e0e6ef; } #cd-cart .cd-cart-total { font-family: "LarsseitRegular", sans-serif; padding-top: 1em; padding-bottom: 1em; position: absolute; width: 100%; bottom: 50px; } #cd-cart .cd-cart-total span { float: right; } #cd-cart .cd-cart-total::after { /* clearfix */ content: ''; display: table; clear: both; } #cd-cart .cd-cart-total p{ margin-bottom: 15px; text-transform: uppercase; } #cd-cart .cd-cart-total a{ color: #ffffff; background-color: #f5821e; margin-top: 5px; max-width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 105px; padding-right: 105px; font-size: 13px; text-decoration: none!important; border: 1px solid #f5821e; transition: all .3s; height: 40px; } #cd-cart .cd-cart-total a:hover{ color: #f5821e; background-color: #ffffff; } #cd-cart .checkout-btn { display: block; width: 100%; height: 60px; line-height: 60px; background: #7dcf85; color: #FFF; text-align: center; } .no-touch #cd-cart .checkout-btn:hover { background: #a2dda8; } #cd-cart .cd-go-to-cart { text-align: center; margin: 1em 0; } #cd-cart .cd-go-to-cart a { text-decoration: underline; } @media only screen and (min-width: 1200px) { #cd-cart > * { padding: 0 2em; } #cd-cart .cd-cart-items li { padding: 1em 2em; } #cd-cart .cd-item-remove { right: 2em; } } /* -------------------------------- xgallery -------------------------------- */ main { position: relative; min-height: 100%; background: #eeeff7; padding-top: 70px; z-index: 1; } @media only screen and (min-width: 768px) { main { padding-top: 90px; } } @media only screen and (min-width: 1200px) { main { padding-top: 120px; } } #cd-gallery-items li { margin-bottom: 1.5em; } #cd-gallery-items li img { width: 100%; display: block; border-radius: 0.25em; } @media only screen and (min-width: 768px) { #cd-gallery-items li { width: 48%; float: left; margin-bottom: 2em; margin-right: 4%; } #cd-gallery-items li:nth-child(2n) { margin-right: 0; } } @media only screen and (min-width: 1200px) { #cd-gallery-items li { width: 31%; float: left; margin-bottom: 2.5em; margin-right: 3.5%; } #cd-gallery-items li:nth-child(2n) { margin-right: 3.5%; } #cd-gallery-items li:nth-child(3n) { margin-right: 0; } } #cd-shadow-layer { position: fixed; min-height: 100%; width: 100%; top: 0; left: 0; background: rgba(67, 87, 121, 0.6); cursor: pointer; z-index: 2; display: none; } #cd-shadow-layer.is-visible { display: block; -webkit-animation: cd-fade-in 0.3s; -moz-animation: cd-fade-in 0.3s; animation: cd-fade-in 0.3s; } /* -------------------------------- xkeyframes -------------------------------- */ @-webkit-keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .success-checkmark { width: 80px; height: 115px; margin: 0 auto; margin-top: 50px; } .success-checkmark .check-icon { width: 80px; height: 80px; position: relative; border-radius: 50%; box-sizing: content-box; border: 4px solid #4caf50; } .success-checkmark .check-icon::before { top: 3px; left: -2px; width: 30px; transform-origin: 100% 50%; border-radius: 100px 0 0 100px; } .success-checkmark .check-icon::after { top: 0; left: 30px; width: 60px; transform-origin: 0 50%; border-radius: 0 100px 100px 0; animation: rotate-circle 4.25s ease-in; } .success-checkmark .check-icon::before, .success-checkmark .check-icon::after { content: ""; height: 100px; position: absolute; background: #ffffff; transform: rotate(-45deg); } .success-checkmark .check-icon .icon-line { height: 5px; background-color: #4caf50; display: block; border-radius: 2px; position: absolute; z-index: 10; } .success-checkmark .check-icon .icon-line.line-tip { top: 46px; left: 14px; width: 25px; transform: rotate(45deg); animation: icon-line-tip 0.75s; } .success-checkmark .check-icon .icon-line.line-long { top: 38px; right: 8px; width: 47px; transform: rotate(-45deg); animation: icon-line-long 0.75s; } .success-checkmark .check-icon .icon-circle { top: -4px; left: -4px; z-index: 10; width: 80px; height: 80px; border-radius: 50%; position: absolute; box-sizing: content-box; border: 4px solid rgba(76, 175, 80, 0.5); } .success-checkmark .check-icon .icon-fix { top: 8px; width: 5px; left: 26px; z-index: 1; height: 85px; position: absolute; transform: rotate(-45deg); background-color: #ffffff; } @keyframes rotate-circle { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes icon-line-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes icon-line-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } .successTitle{ font-size: 25px; font-weight: 700; } .successSubtitle{ font-size: 18px; margin-top: 10px; margin-bottom: 24px; } .sidebarExitButton{ width: 15px; transition: .3s; cursor: pointer; margin-top: -3px; } .cartOverViewProductDelete img { width: 15px; float: right; transition: .3s; margin-top: -40px; } .cartOverViewProductDelete img:hover{ opacity: 0.7; cursor: pointer; } .cartOverViewProductImage { height: 95px; background-color: #ffffff; border-radius: 5px; text-align: center; } .cartOverViewProductImage img{ max-width: 100%; height: 100%; width: auto; margin: 0 auto; } .cartOverViewProductPrice { font-size: 14px; font-family: "Larsseit", sans-serif; } .cartOverViewProductShort { font-size: 12px; margin-top: 14px; text-transform: uppercase; font-family: 'LarsseitRegular', sans-serif; } .cartOverViewProductColor{ font-size: 13px; font-family: "Larsseit", sans-serif; } .cartOverViewProductColor span{ font-family: "LarsseitThin", sans-serif; } .cartOverViewQuantityTitle{ font-size: 12px; margin-top: 10px; } .cartOverViewSizeSelect{ width: 80px; height: 45px; background-color: #f4f4f4; border: none; text-indent: 25px; } .cartButton3 { width: 100%; height: 38px; background: none; border: none; font-size: 14px; color: #942e7e; font-weight: 700; margin-top: 20px; transition: .3s; text-transform: uppercase; } .multi-steps { display: table; table-layout: fixed; width: 100%; } .multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before { content: counter(stepNum); font-family: inherit; font-weight: 700; } .multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after { background-color: #ffffff; } .multi-steps { display: table; table-layout: fixed; width: 100%; margin-bottom: 30px; margin-top: 30px; } .multi-steps > li { counter-increment: stepNum; text-align: center; display: table-cell; position: relative; font-weight: 700; color: #373f48; font-size: 10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .multi-steps > li:before { content: '\f00c'; content: '\2713;'; content: '\10003'; content: '\10004'; content: '\2713'; display: block; margin: 0 auto 4px; background-color: #942e7e; width: 19px; height: 19px; line-height: 10px; text-align: center; font-weight: 700; border-radius: 50%; color: #090909; } .multi-steps > li:after { content: ''; height: 2px; width: 100%; background-color: #cb5612; position: absolute; top: 16px; left: 50%; z-index: -1; display: block; } .multi-steps > li:last-child:after { display: block; } .multi-steps > li.is-active:before { background-color: #942e7e; color: #942e7e; } .multi-steps > li.is-active ~ li { color: #373f48; font-size: 10px; } .multi-steps > li.is-active ~ li:before { background-color: #e0e0e0; color: #e0e0e0; } .multi-steps .is-active{ color: #373f48; font-size: 10px; } .shopStepsOutsideBox{ background-color: #f6f6f6; } .shopStepsContainer{ background-color: #fafafa; padding-bottom: 80px; } .cartOverViewTitle{ text-transform: uppercase; font-family: 'LarsseitRegular', sans-serif; } .default-input{ border-radius: 5px; width: 100%; height: 38px; padding-left: 10px; border-radius: 1px; border: solid 1px #f4f4f4 } .default-textarea{ border-radius: 5px; width: 100%; border-radius: 1px; border: solid 1px #f4f4f4; padding: 10px; } .checkboxContainer { display: block; position: relative; padding-left: 25px; margin-bottom: 12px; margin-top: 10px; padding-top: 4px; font-weight: 400; cursor: pointer; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .checkboxContainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; border: 1px solid #979797; } /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ .checkboxContainer input:checked ~ .checkmark { /* background-color: transparent;*/ } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkboxContainer input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ /*.checkboxContainer .checkmark:after { left: 9px; top: 5px; width: 6px; height: 12px; border: solid #000000; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }*/ .checkboxContainer .checkmark{ position: absolute; top: 3px; left: 0; height: 18px; width: 18px; border: 1px solid #979797; background-color: #ffffff; } .checkboxContainer input:checked ~ .checkmark{ background-color: #f5821e; border: none; } .checkboxContainer .checkmark:after { left: 7px; top: 2px; width: 5px; height: 12px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .productsSidebar { background-color: #ffffff; padding: 20px; padding-left: 30px; border-radius: 5px; margin-bottom: 20px; } .cartStep1QuantityTitle{ font-size: 12px; font-family: "LarsseitThin", sans-serif; } .cartOverViewSingleProduct{ border-bottom: solid 0.5px #f5f3f3; padding-top: 20px; padding-bottom: 20px; } .cartOverViewPriceTitle{ font-size: 16px; letter-spacing: 0.14px; color: #373f48; } .cart-calculate-items{ font-family: "LarsseitRegular", sans-serif; font-size: 15px; } .deliveryTypeCard .price { font-size: 14px; line-height: 1.14; letter-spacing: 0.11px; margin-top: 8px; font-weight: 700; } .deliveryTypeCard .title { font-size: 15px; font-weight: 500; line-height: 1.6; letter-spacing: 0.14px; margin-bottom: 0px; } .deliveryTypeCard .text { font-size: 12px; line-height: 1.33; letter-spacing: 0.11px; } .deliveryTypeCard { margin-bottom: 20px; border-bottom: solid 1px #5d5a5a29; padding-bottom: 20px; } .cartStepBack { margin-top: 30px; border: none; background: none; font-size: 12px; transition: .3s; } .cartStepBack img{ width: 15px; margin-right: 10px; } .cartButton2{ background: none; text-decoration: underline; margin-top: 10px; } .cartButton2:hover{ opacity: 0.7; } .radioContainer { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; margin-top: 5px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .radioContainer input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .radioCheckmark { position: absolute; top: 0; left: 0; height: 17px; width: 17px; background-color: #e0e0e0; border-radius: 50%; border: 1px solid #e0e0e0; } /* On mouse-over, add a grey background color */ .radioContainer:hover input ~ .radioCheckmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .radioContainer input:checked ~ .radioCheckmark { background-color: #06438f; } /* Create the indicator (the dot/circle - hidden when not checked) */ .radioCheckmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .radioContainer input:checked ~ .radioCheckmark:after { display: block; } /* Style the indicator (dot/circle) */ .radioContainer .radioCheckmark:after { top: 2px; left: 2px; width: 11px; height: 11px; border-radius: 50%; background: #06438f; } .sidebarFilter .title{ font-size: 18px; font-weight: 700; letter-spacing: 1.8px; color: #000000; } .sidebarFilter .subtitle{ font-size: 16px; font-weight: 700; letter-spacing: 1.6px; color: #373f48; margin-top: 20px; margin-bottom: 5px; } .sidebarFilter ul{ list-style: none; padding-left: 0px; } .sidebarFilter ul li{ font-size: 14px; font-weight: 300; color: #727272; } .sidebarFilter .inside{ padding-left: 20px; } .sidebarFilter .inside li a{ font-size: 12px; text-transform: uppercase; transition: .3s; } .sidebarFilter .inside li:hover a{ color: #4396c9; } .activeSidebar{ color: #4396c9; } .hiddenPayment{ background-color: #f6f6f6; margin-top: 30px; padding: 40px; border-radius: 5px; } .hiddenPayment label{ font-weight: normal; font-size: 12px; } .hiddenPayment .form-container{ margin-top: 20px; } .noProductsContainer{ background-color: #f4f4f4; padding: 20px; transition: .3s; text-align: center; } .noProductsContainer img{ width: 35px; margin-right: 20px; } .hiddenPaypal img{ width: 40px; width: 130px; transition: .3s; } .hiddenPaypal img:hover{ transform: scale(1.2); cursor: pointer; } #PaymentErrorText{ width: 100%; margin-top: 50px; text-align: center; text-decoration: underline; color: #4396c9; } .contactButton{ width: 267px; height: 44px; border-radius: 2px; background-color: #ffffff; border: 1px solid #4396c9; color: #4396c9; letter-spacing: 1.6px; font-weight: 700; box-shadow: inset 0 0 0 0 #4396c9; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; margin-top: 20px; float: right; } .contactButton:hover{ box-shadow: inset 0 50px 0 0 #4396c9; color: #ffffff; } .spinner { width: 80px; margin: 0 auto; display: inline-table; } .spinner input { text-align: center; width: 62px; height: 45px; border: none; background-color: #ffffff; color: #012243; margin-bottom: 1px; font-size: 16px; margin-left: 15px; } .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; margin-left: -1px; position: relative; border-radius: 0; height: 23.5px; margin-top: -1px; background: #ffffff; border: none; outline: none; } .input-group-btn-vertical > .btn:last-child { margin-top: -2px; } .input-group-btn-vertical i{ position: absolute; top: 4px; left: 8px; } .productPriceDiscount{ font-weight: normal; font-size: 19px; color: #414042; text-decoration: line-through; } .productCardPlus{ background-color: #ffffff; font-size: 14px; padding: 20px; margin-top: 30px; } .productCardPlus img{ max-width: 100%; width: 50px; } .productCardPlus .text{ margin-top: 6px; } .numberInCart{ text-align: center; border-radius: 50%; font-size: 9px; margin-top: -40px; position: absolute; width: 15px; margin-left: 25px; height: 16px; color: #FFFFFF; background-color: #163C2C; line-height: 18px; } .cartButton1{ padding: .7em 3em .7em; font-size: 0.875em; font-weight: 700; outline: none; letter-spacing: 0.1em; line-height: 1.5; background: #942e7e; color: #fff; text-align: center; width: 100%; text-transform: uppercase; box-shadow: inset 0 0 0 0 #5a104a; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; } .cartButton1:hover{ box-shadow: inset 0 50px 0 0 #5a104a; color: #ffffff; } .cartButton1 img{ width: 17px; margin-top: -5px; margin-right: 10px; } .cartOverViewProductTotalPrice{ font-size: 20px; font-weight: 700; color: #942291; margin-top: 7px; } /* NEW */ .cartOverViewHeader{ margin-bottom: 20px; } .pro-qty { width: 90px; height: 40px; border: 1px solid #e8e6e6; padding: 0 15px; float: right; } .pro-qty .qtybtn { width: 15px; display: block; float: left; line-height: 38px; cursor: pointer; text-align: center; font-size: 22px; font-weight: 400; color: #555555; } .pro-qty .inc.qtybtn{ line-height: 0px; margin-top: -20px; margin-left: 49px; } .pro-qty input { width: 28px; float: left; border: none; height: 40px; line-height: 34px; padding: 0; text-align: center; background-color: transparent; } .pro-qty .qtybtn { width: 15px; display: block; float: left; line-height: 38px; cursor: pointer; text-align: center; font-size: 22px; font-weight: 400; color: #555555; } .shop-cart-overview-box{ position: relative; background-color: #013b2c; margin-bottom: 20px; font-family: "LarsseitThin", sans-serif; padding-left: 20px; padding-right: 20px; color: #ffffff; } .cart-calculator-wrapper{ padding: 20px; text-transform: uppercase; } .cart-calculator-wrapper .totalSum{ } .promocode-data { margin-top: 10px; } .shopCheckoutContainer label{ display: block; font-family: "LarsseitThin", sans-serif; text-transform: uppercase; color: #013b2c;; font-size: 12px; line-height: 1.5; } .shopCheckoutContainer label span{ color: #a0a0a0; } .shopCheckoutContainer input{ width: 100%; height: 40px; font-family: "LarsseitThin",sans-serif; font-size: 13px; display: inline-block; padding: 13px 12px 12px; border: 1px solid #f3f3f3; color: #2c2c2c; } .shopCheckoutContainer .promocode-data input{ width: 80%; float: left; } .promocode-data button{ width: 20%; font-family: "LarsseitRegular", sans-serif; height: 40px; border: solid 2px #f5821e; transition: .3s; display: block; text-align: center; line-height: 38px; font-size: 13px; max-width: 100%; font-size: 12px; letter-spacing: 1.03px; color: #ffffff; background-color: #f5821e; text-transform: uppercase; display: inline-block; } #CartAddPromocodeBoxError { display: none; background: #f9d8d82b; padding: 20px; font-size: 12px; margin-top: 10px; text-align: center; } .checkoutInformations{ background-color: #ffffff; font-family: "LarsseitThin",sans-serif; color: #013b2c; } .checkoutInformations .faq-section__content{ border-bottom: 1px solid #f0f0f0; } #DifferentAddressBox{ margin-top: 20px; } .checkoutButtonBox{ text-align: center; } .checkoutButtonBox .cta1{ background-color: #ffffff; margin: 0 auto; margin-top: 20px; height: 40px; color: #f5821e; font-size: 13px; border: 1px solid #f5821e; font-family: "LarsseitRegular", sans-serif; width: 40%; transition: all .3s; line-height: 1.5; } .checkoutButtonBox .cta1:hover{ background-color: #f5821e; color: #ffffff; } .checkoutBack{ position: absolute; left: 30px; font-size: 12px; font-weight: 300; color: #013b2c; line-height: 1.28; margin-top: 5px; text-decoration: none; } .checkoutBack:hover{ color: #f5821e; } .checkoutBack img{ width: 20px; margin-right: 16px; margin-top: -4px; } .shopCheckoutContainer select { width: 100%; height: 49px; display: inline-block; padding: 13px 12px 12px; border: 1px solid #f3f3f3; } .payment-radio-title .text{ color: #a0a0a0; text-transform: initial; margin-top: 5px; } .endOrderButton{ margin-top: 20px; font-family: "LarsseitRegular", sans-serif; width: 100%; background-color: #f5821e; font-size: 13px; color: #ffffff; border: 1px solid #f5821e; height: 40px; line-height: 1.5; } .endOrderButton:hover{ color: #f5821e; background-color: #ffffff; } #PrivacyPolicyLabel{ margin-top: 20px; margin-bottom: 20px; } .endOrderBottomText{ margin-top: 0px; border-top: 1px solid #f0f0f0; padding-top: 20px; font-size: 12px; color: #a0a0a0; text-align: center; } .requiredInputCheck{ border-bottom: 2px solid #f5821e !important; } .faq-section__title img{ width: 15px; margin-top: -3px; margin-left: 10px; display: none; } .editDataCta{ text-align: right; margin-left: auto; margin-right: 0px; display: block; background: none; font-size: 14px; cursor: pointer; } .editDataCta img{ width: 14px; margin-right: 10px; margin-top: -8px; } .editDataCta:hover{ opacity: 0.7; } #EditUserBasicBox ul{ list-style: none; margin: 0px; padding: 0px; } #EditDeliveryBox ul{ list-style: none; margin: 0px; padding: 0px; } .creditCardBox{ padding: 30px; background-color: #fdfdfd; display: none; } .completeOrderErrorBox{ padding: 30px; background-color: #ecbebe47; margin-top: 20px; text-align: center; font-size: 14px; display: none; } #PrivacyPolicyLabel a{ color: #f5821e; transition: .3s; } .promocodeActive .totalSumWithoutPromocode p{ text-decoration: line-through; } .pull-left-mobile{ float: right; } .stepsCardLabel{ display: block; text-transform: uppercase; color: #000000; font-size: 12px; margin-bottom: 10px; width: 100%; text-align: left; } #card-element, .MyStripeElement { width: 100%; box-sizing: border-box; height: 40px; padding: 10px 12px; border: 1px solid transparent; border-radius: 4px; background-color: white; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; } .MyStripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; } .MyStripeElement--invalid { border-color: #fa755a; } .MyStripeElement--webkit-autofill { background-color: #fefde5 !important; } .loginImage{ margin-bottom: 50px; } .reservationInfoSubTitle{ margin-bottom: 10px; font-family: "LarsseitThin", sans-serif; font-size: 14px; } .reservationInfoSubTitle a{ color: #f5821e; }