.proopc-register #UserRegistration,.proopc-login.off,.proopc-register.on .proopc-register-in{display:none;}
.proopc-register.on #UserRegistration{display:block;}
#ProOPC h1{background:#eef2f1;padding:25px 415px 25px 0;margin-right:-400px;margin-left:-400px;overflow:hidden;font-family:'Rubik-mid';font-size:29px;margin-bottom:10px;font-weight:normal;}
.proopc-register-login{margin:70px 0 150px;}
.proopc-login{width:49%;background:#f8f8f8;padding: 25px;position:relative;}
.proopc-login #UserLogin,#smsLoginForm{max-width:330px;margin:0 auto;}
.vp-inner-wrapper #smsLoginForm{max-width:none;}
.vp-inner-wrapper #smsLoginForm label{font-size:16px;}
.vp-inner-wrapper #send-sms-btn{margin-top:40px;margin-bottom:3px;}
.vp-inner-wrapper .status{display:none;}
.vp-inner-wrapper .status.invalid{color: red;font-size: 13px;font-style:normal;}
.vp-inner-wrapper #proopc-system-message{text-align:center;font-size:17px;margin-bottom:12px;}
.proopc-login #UserLogin labe,.full-input,#smsLoginForm label{margin-bottom:3px;display:block;font-size:17px;}
.proopc-login #UserLogin input,#smsLoginForm input#email,#sms_code{width:100% !important;background:#fff;border:1px solid #979797;text-indent:5px;font-size:16px;line-height:36px;outline:none;height:37px;}
.proopc-login .proopc-input{margin-bottom:13px;}
.proopc-input{position:relative;}
.proopc-input .showPassword{top:13px;}
#ProOPC .status{display:none;color:red;font-size:13px;font-style:normal;margin-bottom:-10px;}
#ProOPC .status.invalid,#ProOPC .inner.invalid .status,#ProOPC .proopc-input.invalid .status,#ProOPC .checkbox.proopc-row.invalid .status{display:block;}
#proopc-username,#email_field{text-align:left;padding-left:8px;direction:ltr;}
.proopc-login #UserLogin input#proopc-remember{width:auto !important;vertical-align:middle;}
.lost-password{font-family:'Rubik-mid';font-size:14px;display:block;margin-top:-8px;margin-bottom:14px;}
.vp-inner-wrapper .lost-password{margin-top: 4px;}
.proopc-login #UserLogin .proopc-checkbox{font-size:14px;margin-bottom: 0;}
#proopc-task-loginajax,#proopc-task-registercheckout,#send-sms-btn,#login-btn{background:#569742 url(../../images/lock.svg)no-repeat 64% 10px;background-size:15px;border:none;color:#fff;text-align:center;line-height:41px;font-family:'Rubik-mid';transition:all 0.1s ease-in-out;border-radius:0;outline:none;-webkit-appearance:none;cursor:pointer;font-size:20px;width:100% !important;margin-top:2px;}
#send-sms-btn{background:#569742;margin-top:81px;margin-bottom: 13px;}
#login-btn{background:#569742;margin-top:39px;margin-bottom:12px;}
#phone-message{margin-bottom: 30px;}
#phone-message span{display: block;direction:ltr;text-align:center;background: #fff;border: 1px solid #979797;text-indent: 5px;font-size: 16px;line-height: 31px;height: 33px;width: 100%;}
.sms-reg-text{margin-top: 20px;font-size:18px;}
#proopc-task-loginajax{margin-top:5px;}
#proopc-task-registercheckout{background-position:72% 10px !important;margin-top:12px;}
#proopc-task-loginajax:hover{background:#00473A url(../../images/lock.svg) no-repeat 64% 10px;background-size:15px;}
#proopc-task-registercheckout:hover{background:#00473A url(../../images/lock.svg)no-repeat 83% center;}
button:disabled,
button[disabled]{background-color:#cccccc !important;color: #666666;}
.proopc-register{width:49%;background:#fef7f4;text-align:center;padding:25px 100px;position:relative;}
.proop-login-title{font-family:'Rubik-mid';font-size:22px;text-align:center;margin-bottom:22px;}
.login-type-selector{display:flex;justify-content:center;margin-bottom:20px;gap:40px;}
.login-type-selector li{list-style: none;}
.login-type-selector li a{color:#999;text-decoration:underline;text-underline-offset:4px;}
.login-type-selector li a.active{color:#569742;font-family:'Rubik-mid';}
.proop-login-text{margin-bottom:13px;}
.proop-reg-text{font-size:17px;}
.proop-reg-text span{display:block;margin-top:7px;}
.proopc-register-in .home-club{background:none;margin-bottom:-5px;padding:35px 0;}
.proopc-register-in .home-club ul li{padding-top:72px;font-size:14px;background-size:60% !important;width:29%;}
#user-register{color:#FF6210;border:1px solid #FF6210;transition:all 0.2s ease-in-out;text-align:center;font-size:21px;line-height:41px;width:100%;cursor: pointer;display:block;}
#user-register:hover{background:#FF6210;color:#fff;}
.fast-order{text-align:center;font-size:17px;position:absolute;bottom:-40px;right:0;left:0;}
.fast-order.on{display:none;}
.fast-order a{text-decoration:underline;}
.proopc-register-login #proopc-system-message{text-align:center;font-size:17px;margin-bottom:12px;}
.proopc-warning-msg,.proopc-error-msg{color:red;margin-bottom:5px;}
#proopc-system-message .close{display:none;}
.proopc-register.on{margin:0 auto;text-align:right;background:none;padding: 0 65px;margin-top:-40px;}
#UserRegistration label,#EditBTAddres .inner label{color:#000;font-size:17px;margin-bottom:2px;display:block;line-height:19px;}
#UserRegistration input,#EditBTAddres .inner input,#proopc-coupon-code{background:#f8f8f8;border:1px solid #979797;text-indent:5px;font-size:16px;line-height:36px;width:100% !important;height:37px;cursor:pointer;}
#UserRegistration .proopc-input,#EditBTAddres .inner{margin-bottom:15px;}
.selectdatemain{margin: 10px auto 0;}
.selectdatemain select.selectdate{width:30% !important;background:#f8f8f8 url(../../images/arrow2.png)no-repeat 10px center;border:1px solid #979797;font-size:16px;font-weight:400;appearance:none;height:37px;padding-right:5px;outline:none;background-size:15px;cursor:pointer;}
select.invalid{border:1px solid red !important;}
select.selectgender,#select_payment,#selectpoints{background:#f8f8f8 url(../../images/arrow2.png)no-repeat 10px center /15px ;border:1px solid #979797;font-size:16px;font-weight:400;appearance:none;height:37px;padding-right:6px;outline:none;width:100%;border-radius:0;cursor:pointer;}
.ui-widget.ui-widget-content{height:110px;overflow-y:scroll;overflow-x:hidden;}
.proopc-group.name,.proopc-task-updateqty,.cart-epost_store_code-group,.payment-radio,.istoken-group{display:none !important;}
.proopc-finalpage .proopc-row{width:100%;}
.proopc-finalpage .proopc-column3{width:32%;}
.asterisk{display:inline-block;margin-left:-3px;}
#ProOPC h1.final-cart{margin-bottom:50px;font-weight:normal;}
.guestGoBack{color:#00473A;margin-bottom:18px;margin-top:-10px;line-height:22px;}
.guestGoBack a{color:#00473A;}
.cart-step{color:#00473A;font-family:'Rubik-mid';font-size:21px;margin-bottom:25px;}
.cart-step span{display:inline-block;vertical-align:middle;background:#00473A;color:#fff;text-align:center;width:36px;height:36px;line-height:35px;margin-left:13px;}
#proopc-shipments{margin-top:43px;}
.shipment-input{color:#000;display:flex;margin-bottom:19px;border-bottom:1px solid #ededed;padding-bottom:19px;font-size:16px;flex-wrap:wrap;justify-content:space-between;}
.shipment-input input{width:5%;}
.shipment-input label{width:74%;}
.shipment-input span.ship_price{font-family:'Rubik-mid';width:18%;align-self:center;}
.proopc-payments{margin-top:61px;}
.payment-istoken{margin-top:5px;font-size:15px;}
.payment-istoken input{margin-left:4px;}
.cartlist-title{background:#e9e9e9 url(../../images/arrow2.png)no-repeat 10px center;background-size:15px;font-size:18px;line-height:43px;padding-right:15px;cursor:pointer;}
#proopc-pricelist{color:#000;}
#proopc-pricelist .cart-summary{background:#f8f8f8;padding:24px 12px 0;display:none;}
#proopc-pricelist .cart-summary.show{display:block;}
#proopc-pricelist,#proopc-payments,#proopc-shipments{position:relative;}
.proopc-loader-overlay{display:block;background:#FFF;opacity:.7;position:absolute;width:100%;height:100%;top:0;left:0;z-index:10000;}
.proopc-area-loader{display:block;position:absolute;top:50%;left:50%;z-index:10001;}
.proopc-pricelist .carthead-names{justify-content:space-around;}
.cart-summary .product_name{width:100%;margin-right:0;margin-top:10px;}
.cart-summary .row-in-name .product_name a{font-size:15px;line-height:19px;}
.cart-summary .row-name{width:34%;}
.remove_from_cart{background:none;border:none;cursor:pointer;font-size:13px;display:block;width:72px;position:relative;z-index:10;text-align:center;}
.cart-summary .icon-cancel-circle:after{background:#e9e9e9;left:-10px;}
.cart-summary .marg-bot{position:relative;}
.cart-summary .marg-bot:last-child{border-bottom:0;}
.cart-summary .row-in-name{width:43%;}
.cart-summary .row-in-quantity{width:30%;align-self:start;}
.cart-summary .row-in-price{width:25%;align-self:start;margin-top:10px;position:unset;}
.cart-summary .icon-cancel-circle{left:11px;margin-right:0;width:64px;bottom:25px;right:auto;}
.cart-summary .row-in-quantity .sales{display:block;position:absolute;margin:0 auto;width:100%;bottom:-19px;font-size:13px;right:0;left:0;}
.cart-summary .row-in-quantity .quantity-input{background:#fff;}
.cart-summary .PricesalesPrice{color:#00473A;}
.cart-summary span.PricesalesPrice span{font-size:16px;}
.cart-final-prices{background:#fff;padding:12px;}
#selectpoints{margin-bottom:22px;}
.cart-order-points,.user-order-points{color:#FF6210;font-size:14px;font-family:'Rubik-mid';}
.sub-headings{margin-bottom:20px;color:#000;}
.shipping-row .sub-headings{width:82%;}
.shipping-row .col-total{width:18%;text-align:left;}
.grand-total{font-family:'Rubik-mid';font-size:20px;margin:10px 0;color:#00473A;}
.coupon-title,.confirm-title{background:#f8f8f8;line-height:37px;padding:0 15px;font-size:14px;cursor:pointer;}
#proopc-coupon,.customer-comment-group{display:none;margin:10px 0;}
#proopc-coupon-code{width:80% !important;display:inline-block;vertical-align:top;text-indent:15px;}
#proopc-task-savecoupon{background:#569742;text-align:center;border:none;line-height:37px;color:#fff;width:17%;font-size:15px;float:left;cursor:pointer;outline:none;transition:all 0.2s ease-in-out;}
.proopc-coupon{margin:10px 0 7px;}
label.comment,.cart-coupon-row a{display:none;}
#cart_customer_note_field,#remark_field{width:100%;border:1px solid #979797;resize:none;background:#fff;padding:5px;height:80px;outline:none;background:#f8f8f8;}
.pre-submit{font-size:14px;margin-top:22px;text-align:center;}
.pre-submit a{color:#569742;text-decoration:underline;}
#proopc-order-submit{background:#569742 url(../../images/order.svg)no-repeat 74% center;background-size:24px;text-align:center;color:#fff;line-height:41px;border:none;cursor:pointer;width:100%;font-size:21px;font-family:'Rubik-mid';transition:all 0.2s ease-in-out;margin-top:20px;}
#proopc-task-savecoupon:hover{background:#00473A;}
#proopc-order-submit:hover{background:#00473A url(../../images/order.svg)no-repeat 74% center;background-size:24px;}
#proopc-page-overlay{background:#fff;opacity:0.9;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:100000;}
#proopc-order-process{background:url(../../images/loader.svg) no-repeat center center;background-size:contain;width:200px;height:200px;position:fixed;top:25%;bottom:50%;right:0;left:0;z-index:1000000;margin:0 auto;}
.proopc-success-msg{margin-bottom:5px;color:#569742;}
.cart-coupon-row .sub-headings{width:60%}
.cart-coupon-title{float:right;margin-left:5px;}
#map{height:500px;width:850px;}
.popup.btn{background:#FF6210;color:#fff;cursor:pointer;display:block;margin:0 auto;text-align:center;line-height:40px;width:55%;height:41px;}
#epostdata_overlay{background:rgba(0,0,0,0.8);width:100%;position:fixed;height:100%;left:0;top:0;z-index:1000;opacity:0.8;}
.map_title{color:#00473A;font-size:24px;font-family:'Rubik-mid';text-align:center;margin:13px 0;font-weight:normal;}
.map-close{position:absolute;right:7px;width:25px;height:25px;text-align:center;top:7px;font-size:25px;display:inline-block;line-height:19px;cursor:pointer;}
.map-locator{width:870px;color:#000;overflow:hidden;position:absolute;margin:auto;left:0;right:0;background:#fff;z-index:10000000;top:9vw;height:730px;}
.gm-style .gm-style-iw-c{padding:12px !important;}
.epost_buttons{text-align:center;}
.epost_buttons input{display:inline-block;margin:6px 5px 2px;color:#fff;cursor:pointer;font-family:'Rubik-mid';padding:10px;border:0 none;width:99px;font-size:16px;-webkit-appearance:none;border-radius:0;}
.epost_buttons input.epost-select:hover{background:#00473A;}
.epost-select{background:#569742;}
.epost-close{background:#db1515;}
#map-epost-data-show{font-size:14px;}
.mapspn_address{padding:12px;color:#00473A;}
#epost-data-show{color:#569742;font-size:15px;margin-top:10px;}
#epost-data-show .epost-result-left{margin-bottom:10px;}
.pac-icon{width:0;background-image:none;}
.pac-container,.pac-item{direction:rtl !important;text-align:right !important;z-index:1000000000;font-family:'Rubik', sans-serif !important;font-size: 16px !important;color:#000 !important;}
#pac-input{margin:7px auto;width:250px;display:block;height:30px;background:#f8f8f8;border:1px solid #979797;padding-right:5px;font-size:16px;outline:none;}
.coupon-error{margin-bottom:0 !important;position:relative;top:-6px;}
.after-submit{color:#8f8f8f;font-size:14px;text-align:center;margin-top:5px;background:url(../../images/secure.png)no-repeat center bottom;padding-bottom:50px;background-size:152px;}
#ProOPC .status.couponON{display:block;color:#569742;font-size:13px;font-style:normal;position:relative;top:-6px;right:15px;}
.empty-cart-title{background:url(../../images/Empty_Basket.png) no-repeat center top;text-align:center;padding-top:262px;background-size:280px;font-family:'Rubik-mid';font-size:23px;margin-top:40px;}
.proopc-empty-continue-link a{background:#569742;display:block;margin:0 auto;text-align:center;color:#fff;line-height:41px;width:300px;font-size:21px;margin-top:20px;}
.proopc-empty-continue-link a:hover{background:#00473A;}
.cart-delivery_delay-group,.cart-order_agreed-group,.cart-summer-group{margin-top:15px;font-size:14px;}
.cart-delivery_delay-group input,.cart-order_agreed-group input,.cart-summer-group input{margin-left:5px;}
.cart-order_agreed-group a{text-decoration:underline;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #fff inset !important;}
#proopc-pricelist .backtosite{border-top:1px solid #c3cdcb;padding:16px 0;font-size:15px;}
#proopc-pricelist .backtosite a:hover{color:#569742;}
.map-locator-map{width:100%;padding:10px;}
.map-locator-map iframe{margin:0 auto;text-align:center;width:100%;border:none;}
form#EditBTAddres{display:flex;flex-wrap:wrap;justify-content:space-between;}
.proopc-register.on #UserRegistration{display:flex;flex-wrap:wrap;justify-content:space-between;}
.last_name-group,.phone_1-group,.city-group,.address_1-group,.remark-group,.bt_email-group,form#UserRegistration .proopc-group,form#UserRegistration .proops-login-inputs{width:100%;}
.housenum-group,.entrance-group,.FloorNum-group,.apartment-group,
form#UserRegistration > .housenum,form#UserRegistration > .entrance,form#UserRegistration > .FloorNum,form#UserRegistration > .apartment{width:23%;}
form#UserRegistration .proopc-group.remark{display:none;}
.proopc-modal{margin-top: -130px;}
.proopc-modal-close{font-family: 'Rubik-mid';font-size: 14px;margin-top: -7px;display: block;cursor: pointer;}
.proopc-modal-content {margin:0 auto;width: 100%;max-width: 500px;position: relative;background: #f8f8f8;padding: 25px;}
.proopc-modal h3{margin-top: 0;margin-bottom: 20px;color: #333;font-size: 22px;text-align: center;}
#phone-verification-container label{display: block;margin-bottom: 15px;font-weight: normal;font-size: 15px;line-height:1.4;}
#phone-verification-container input[type="tel"],
#phone-verification-container input[type="text"] {width: 100% !important;background: #fff;border: 1px solid #979797;text-indent: 5px;font-size: 16px;line-height: 31px;outline: none;height: 33px;direction:ltr;text-align:center;}
#phone-verification-container button.proopc-btn{width: 100%;line-height:41px;font-family: 'Rubik-mid';margin: 15px 0;background-color: #569742;color: white;border: none;font-size:20px;cursor: pointer;transition: background-color 0.2s;}
#phone-verification-container button.proopc-btn:hover {background-color: #00473A;}
#phone-verification-container button.proopc-btn:disabled{background-color: #cccccc;cursor: not-allowed;}
.error-message{color: #e74c3c;font-size:14px;text-align:center;}
#masked-phone-display{text-align: center;font-weight:bold;margin-bottom:15px;}
#resend-container {text-align: center;margin-top:5px;}
#resend-code {text-decoration: underline;}
#countdown-timer{display: block;text-align:center;color: #777;font-size:14px;margin-top: 10px;}
#resend-code.disabled {color: #aaa;text-decoration: none;cursor: default;}
.verification-code-input{text-align: center;margin: 20px 0;}
.verification-code-input input{letter-spacing: 8px;font-size: 20px !important;font-weight: bold;}
.verification-message{text-align: center;margin-bottom: 5px;font-size: 15px;}
.phone-message{background-color: #f8f9fa;padding:10px;border-radius:4px;text-align:center;font-weight:bold;margin-bottom:15px;}
@media screen and (max-width:980px) {
.proopc-register{padding:25px 20px;}
.fast-order{text-align:center;margin-left:0;font-size:16px;}
.proopc-register.on{padding:0 20px;margin-top:0;}
.map-locator{width:95%;height:auto;}
}
@media screen and (max-width:667px){
.proopc-login,.proopc-register{width:100%;margin-bottom:25px;padding:13px 20px;}
.proopc-login{margin-top:20px;}
body.cart .top-search{display:none;}
body.cart header{height:90px;}
body.cart .main-cart{padding:0;}
#ProOPC h1{margin:0 0 30px!important;padding:10px 20px;font-weight:normal;}
.cart-step{margin-bottom:15px;font-size:20px;}
#proopc-shipments{margin-top:20px;}
#ProOPC .proopc-shipments i.status{font-size:16px;}
.shipment-input{font-size:15px;padding-bottom:10px;margin-bottom:10px}
.proopc-payments{margin-top:0;}
.proopc-login #UserLogin,#smsLoginForm{max-width:none;}
.proop-login-title{font-size:20px;margin-bottom:10px;}
.proop-reg-text{font-size:16px;}
.fast-order{margin-top:0;font-size:15px;}
.proopc-register-login{margin:0;}
.proopc-social-login{top:-30px}
.proopc-social-login button{font-size:14px;}
.proopc-login #UserLogin label{margin-bottom:5px;display:block;font-size:14px;}
.proopc-login .proopc-input{margin-bottom:14px;}
#proopc-task-loginajax{margin-top:15px;margin-bottom:-14px;}
.proopc-register-in .home-club{padding:20px 0;}
.proopc-register-in .home-club ul li{padding-top:22vw;font-size:12px;background-size:63% !important;width:32%;}
#user-register{font-size:19px;}
#proopc-task-registercheckout,#proopc-task-registercheckout:hover{background-position:77vw center;font-size:17px;}
.proopc-finalpage .proopc-column3{width:100%;padding:0 15px;margin-bottom:30px;}
.proopc-shipments{margin-bottom:30px}
#map{width:100%;max-height:400px;}
#send-sms-btn{margin-top:20px;}
.sms-reg-text{font-size: 16px;}
.proopc-modal{margin-top:0;}
.cart-summary .row-in-price{margin-top: 8px;}
.cart-summary .row-in-quantity .sales{font-size:13px;}
}
@media screen and (max-width:414px){
#proopc-order-submit{background-size:6vw;background-position:64vw center;}
.empty-cart-title{padding-top:240px;background-size:240px;font-size:22px;margin-top:10px;}
.housenum-group label,.entrance-group label,.FloorNum-group label,.apartment-group label,
.proopc-group.housenum label,.proopc-group.entrance label,.proopc-group.FloorNum label,.proopc-group.apartment label{font-size:15px !important;}
}
@media screen and (max-width:360px){
#proopc-task-registercheckout{background-position:64vw 10px !important;}
.cart-summary .row-name{width:41%;}
}
@media screen and (max-width:320px){
.row-price{width:18%;}
.shipment-input span.ship_price{width:19%;}
.housenum-group, .entrance-group, .FloorNum-group, .apartment-group,
form#UserRegistration > .housenum, form#UserRegistration > .entrance, form#UserRegistration > .FloorNum, form#UserRegistration > .apartment{width:49%;}
.cart-summary .row-in-quantity .sales {font-size:12px;bottom:-16px;}
}