/*===================checkout page css start=======================*/


   .col12checkout .rowmaincheckout{margin: 15px;}
   .col12checkout .rowmaincheckout h3{font-size: 24px;color: #151b39;margin: 0;padding: 24px 38px 0;text-align: left;}
   .rowmaincheckout .col8checkoutform{background: #fafafa;}

   .checkoutform .paymenttype-tabing-shi-row{margin: 8px 0 18px 0;border: 1px solid #2c791a;}
   .paymenttype-tabing-shi-row .col6paymenttype{text-align: center;font-size: 16px;letter-spacing: .5px;padding: 10px;cursor: pointer;}
    .paymenttype-tabing-shi-row .col6paymenttype.active:after{content: "";position: absolute;right: -18px;width: 0;height: 0;top: -1px;border-top: 22px solid transparent;border-bottom: 22px solid transparent;border-left: 18px solid #2c791abd;}
   .paymenttype-tabing-shi-row .col6paymenttype.active{background: #2c791abd;color: #fff;}
   .paymenttype-tabing-shi-row .col6paymenttype .paymenttype-text{top: 0px;position: relative;}
  

   .rowmaincheckout .col8checkoutform h3{margin-bottom: 20px;padding-left: 15px;padding-right: 15px;}
   .rowmaincheckout .col8checkoutform .checkoutform{padding: 20px 20px 20px 20px;margin: 0;}
   .regform .col12-loginnew{margin-bottom: 35px;}
   .col12-loginnew .frminput{height:50px;border-radius:0;box-shadow:none;position:relative;z-index:1;background-color:#fff;color:#000;font-size: 17px;letter-spacing: .5px;border-radius:4px;padding-top:10px;}
   .col12-loginnew .frminput~label{font-weight:normal;position:absolute;top:18px;left: 20px;color: #191919;transition:all .2s;padding-left: 10px;font-size: 16px;letter-spacing: .5px;margin-bottom:0;}
   .col12-loginnew .frminput:focus~label,.lfix{top:-18px!important;font-size:15px!important;color:#398730!important;z-index: 99;left: 6px;}
   .ptgl{position:absolute;right:15px;bottom:0px;border:none;background:none;font-size:18px;height:40px;z-index:9}
   .col12-loginnew button.ptgl{color:#398730;outline:none!important;font-weight:500;font-size:12px;}
   .col12-loginnew .ptgl i{line-height:35px;font-size: 20px;}
   .frminput:focus{border:1px solid #398730!important;}
   .col12-loginnew .fortextarea{height: 140px;}
   .col12-loginnew .frminput:focus::-webkit-input-placeholder{text-indent: -999px}

   .col12foraddgst-checkout .rowforgstbutton{margin: 0px 0 30px 0;display: flex;align-items: center;}
   .col12foraddgst-checkout .rowforgstbutton button.gstbtn{padding: 13px 25px 9px 25px;background: none;border: 1px solid #398730;color: #000000;font-size: 12px;line-height: 20px;letter-spacing: 1px;text-transform: uppercase;vertical-align: top;font-weight: 700;border-radius: 4px;transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);cursor: pointer;outline: none;}
   .col12foraddgst-checkout .rowforgstbutton button.gstbtn:hover{background: #398730;color: #fff;}
   .col12foraddgst-checkout .rowforgstbutton span.optionalgst{margin-left: 15px;top: 2px;position: relative;letter-spacing: .5px;} 


   .checkoutform .col12agreecheck{letter-spacing: .5px;    text-align: left;}
   .checkoutform .col12agreecheck label{cursor:pointer;font-size: 16px;}
   .checkoutform .col12agreecheck label input {display: none;}
   .checkoutform .col12agreecheck label span {height: 18px;width: 18px;display: inline-block;border: solid 2px #666;box-sizing: border-box;position: relative;top: 4px;margin-right: 3px;transition: .1s ease-in-out;}
   .checkoutform .col12agreecheck label em {font-style: normal;font-weight: normal;color: #666;}
   .checkoutform .col12agreecheck label input:checked+span {border-color: #398730;}
   .checkoutform .col12agreecheck label input:checked+span:after {transform: scale(1);position: absolute;content: '';transition: .1s ease-in-out;left: 4px;top: 0px;width: 7px;height: 12px;border: solid #398730;border-width: 0 2px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
   .checkoutform .col12agreecheck a{color: #398730;font-size: 16px;text-transform: uppercase;}


   .checkoutform .col12forteobtn{margin-top: 20px;margin-bottom: 20px;padding: 40px 0;}
   .checkoutform .col12forteobtn .payment-continue{text-align: right;}
   .checkoutform .col12forteobtn .payment-continue a{margin-top: 15px;padding: 16px 30px 12px 30px;background: none;border: 1px solid #398730;color: #398730;font-size: 14px;line-height: 22px;letter-spacing: 2px;text-transform: uppercase;vertical-align: top;font-weight: 700;border-radius: 40px;transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);margin-left: 30px;cursor:pointer;letter-spacing: 0.5px;}
   .checkoutform .col12forteobtn .payment-continue .continue-payment{background: #398730;color: #fff;}
   .checkoutform .col12forteobtn .payment-continue .continue-payment:hover{background:none;color: #000000;}


   .rowmaincheckout .col4checkout-productdlts{box-shadow: 0 0 10px 0 rgba(0,0,0,.1);border-radius: 4px;padding: 20px 10px 15px !important;background: #fff;}
   .rowmaincheckout .col4checkout-productdlts.floatright-formob-shi{float:right;}
   .rowmaincheckout .col4checkout-productdlts .productdtls-checout{display:flex;}
   .col12inner-checkout-proinfo .rowheading-pro{padding: 18px 0;border-bottom: 1px solid #e5e7ea;margin-bottom: 20px;}
   .col12inner-checkout-proinfo .rowprductinfo{padding: 10px 0;margin-bottom: 10px;}
   .col12inner-checkout-proinfo .row-totalshipping{padding: 10px 0;margin-bottom: 10px;}
   .col12inner-checkout-proinfo .rowfortotal{padding: 20px 0;border-top: 1px solid #e5e7ea;}
   .col12inner-checkout-proinfo .mainrow-comman{display: flex;align-items: center;justify-content: center;}
   .col12inner-checkout-proinfo .mainrow-comman .proname{padding-right: 15px;padding-left: 15px;text-align: left;}
   .col12inner-checkout-proinfo .mainrow-comman .discountprice{padding-right: 15px;padding-left: 15px;text-align: center;}
   .col12inner-checkout-proinfo .mainrow-comman .price{padding-right: 15px;padding-left: 15px;text-align: right;}
   .col12inner-checkout-proinfo .mainrow-comman .width52{width:52%;}
   .col12inner-checkout-proinfo .mainrow-comman .width28{width:28%;}
   .col12inner-checkout-proinfo .mainrow-comman .width50{width:50%;}
   .col12inner-checkout-proinfo .mainrow-comman h5{color: #000;margin-top: 0;margin-bottom: 0;font-size: 14px;letter-spacing: .5px;}
   .col12inner-checkout-proinfo .mainrow-comman h5 .fa{font-size: 14px;margin-right: 3px;}
   .col12inner-checkout-proinfo .rowfortotal h5{font-size: 18px;}
   .col12inner-checkout-proinfo .rowfortotal h5 .fa{font-size: 18px;top: 1px;position: relative;}
   .col12inner-checkout-proinfo .mainrow-comman a{color: #000;font-size: 14px;line-height: 0;}
   .col12inner-checkout-proinfo .mainrow-comman a:hover{color:#398730;}
   .col12inner-checkout-proinfo .mainrow-comman p{margin-bottom: 0;line-height: 18px;color: #999;font-size: 14px;letter-spacing: .5px;}
   .col12inner-checkout-proinfo .mainrow-comman b{color: #000;font-size: 15px;line-height: 18px;letter-spacing: .5px;}

   .col2forpaymentmethod-radio{padding: 0;}
   .col2forpaymentmethod-radio label{margin-bottom:0;}
   .col2forpaymentmethod-radio label input{display: none;} 
   .col2forpaymentmethod-radio label input:checked+span{border-color: #8e003a;}
   .col2forpaymentmethod-radio label span{height: 18px;width: 18px;display: inline-block;border: solid 2px #DDD;box-sizing: border-box;border-radius: 50%;position: relative;transition: .1s ease-in-out;}
   .col2forpaymentmethod-radio label input:checked+span:after{transform: scale(1);}
   .col2forpaymentmethod-radio label span:after{position: absolute;left: 2px;top: 2px;content: '';height: 10px;width: 10px;border-radius: 10px;background: #8e003a;transform: scale(0);transition: .1s ease-in-out;}
   .checkoutform .paymentmathed-typerow{margin: 0;}

   .paymentmathed-typerow .shippingedit-col12{margin-bottom: 30px;margin-top: 10px;width: 100%;}
   .paymentmathed-typerow .shippingedit-col12 .shippingeditrow{margin: 0;background: #fff;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;padding: 7px 0px;}
   .shippingedit-col12 .shippingeditrow .col3shippingedit-addressheading{}
   .shippingeditrow .col3shippingedit-addressheading h6{margin-bottom: 0;font-size: 14px!important;   margin-top: 0;color: #4d4d4d;}
   .shippingeditrow .col8shippingedit-addresstext h5{letter-spacing: .5px;font-size: 15px;}
   .shippingeditrow .col1shippingedit-editbtn{padding: 0;text-align: center;}
   .shippingeditrow .col1shippingedit-editbtn button.editbtn{border: none;background: none;outline: none;letter-spacing: .5px;color: #8f0e42;}
   .col-md-8.col-xs-12.col8shippingedit-addresstext.text-left {
    padding-left: 0;
}
   .checkoutform .paymentmathed-typerow h3{margin-bottom: 0;}
   .checkoutform .paymentmathed-typerow p{padding-left: 15px;padding-right: 15px;color: #999;font-size: 12px;letter-spacing: .5px;}
   .checkoutform .paymentmathed-typerow .contfld-paymentmethod-inner{margin-top: 30px;}
   .contfld-paymentmethod-inner .col12innerpaymentmethod{padding: 20px 40px;border: 1px solid #eee;}
   .col12innerpaymentmethod .rowinnerpaymentmethod{padding: 20px 0;}
   .col12innerpaymentmethod .rowinnerpaymentmethod{border-bottom:1px solid #eee;}
   .col12innerpaymentmethod .rowinnerpaymentmethod:last-child{border-bottom:none!important;}
   .col12innerpaymentmethod .rowinnerpaymentmethod .col6paymenttype-text{padding: 0;}
   .rowinnerpaymentmethod .col6paymenttype-text label{font-size: 15px;letter-spacing: .5px;font-weight: 500;}
   .col5paymentmethodimg .paymentmethodimg-ul{display:flex;}
   .col5paymentmethodimg .paymentmethodimg-ul li img{width: 50px;margin-right: 10px;}
   .col5paymentmethodimg .paymentmethodimg-ul li img.formastercard{width: 25px;}
   .col12inner-checkout-proinfo .mainrow-comman h5 span {display: inline-block;vertical-align: top;margin: 0 0 0 0px;}
   
   @media(max-width:767px){
       .checkout-section{padding:0;}
       .col12checkout .rowmaincheckout h3{margin-bottom:20px;text-align: center;}
       .checkout-section .contfld-checkout{padding:0;}
       .col12checkout .rowmaincheckout{margin:0;}
       .rowmaincheckout .col8checkoutform .checkoutform{padding: 10px 0px 10px 0px;}
       .regform .col12-loginnew{padding:0;}
       .col12-loginnew .frminput:focus~label, .lfix{left:0;}
       .checkoutform .col12agreecheck{text-align:center;width: 100%;}
       .checkoutform .col12forteobtn .payment-continue{text-align:center;}
       .checkoutform .col12forteobtn .payment-continue a{font-size:12px;margin-left:0;display: inline-block;padding: 18px 20px 15px 20px;line-height: 14px;}
       .checkoutform .col12forteobtn{margin-top:0;margin-bottom:0;padding:20px 0;}
       .rowmaincheckout .col4checkout-productdlts.floatright-formob-shi{float:none;margin-bottom: 30px;}
       .paymenttype-tabing-shi-row .col6paymenttype.active:after{display:none;}
       .paymentmathed-typerow .shippingedit-col12 .shippingeditrow{display: inline-flex;padding: 15px 0;}
       .col-md-8.col-xs-12.col8shippingedit-addresstext.text-left {padding-left: 15px;text-align: center!important;}
       .paymentmathed-typerow .shippingedit-col12 .shippingeditrow .col-md-8.col-xs-12.col8shippingedit-addresstext.text-left p{text-align:center;padding-top: 10px;}
       .checkoutform .paymentmathed-typerow h3{margin-bottom: 0;}
       .checkoutform .paymentmathed-typerow p{text-align:center;}
       .checkoutform .paymenttype-tabing-shi-row{margin: 20px 0px 30px 0px;}
       .mainrowfortabing-shoppingaddress{margin:0;}
       .checkoutform .paymentmathed-typerow{margin: 0 -15px;}
       .col12foraddgst-checkout .rowforgstbutton button.gstbtn{padding: 10px 15px 6px 15px;font-size: 13px;line-height: 17px;letter-spacing: 1px;}
   }
   /*===================checkout page css end=======================*/