/* 7/12/2021 Checkout Pages */

.inside-header .navbar-light {
	background-color:#fff;}

.inside-header .navbar-light .navbar-nav .nav-link {
	color:#133f30;}
	
.inside-header .navbar-collapse:after {
    content:'';
    display:none; }
	
.bg_gray2 {background-color:var(--color-gray2)}

:root { --body-font: 'Roboto', sans-serif; }

.fw400 {font-weight:400 !important}
.fw600 {font-weight:600 !important}

.green1 {color: var(--color-green1)}
.black {color: #111}

.fs14 {font-size:14px;}
.fs25 {font-size:25px;}
.fs22 {font-size:22px;}

.ml-15 {margin-left:15px;}

.border_top {border-top:1px solid var(--color-green1)}

.link1 {
	text-decoration:none;
	border-bottom:1px solid transparent;}
	
.link1:hover {
	text-decoration:none;
	border-bottom:1px solid var(--color-green1);}

.checkout .h2 {font-size:35px}	

/*=== ===*/
	
.also-add-to-bag .slide {
    padding: 10px;
}

.also-add-to-bag .description {
    padding: 15px 0;
    color: var(--color-green2);
	text-align:center;}
	
.also-add-to-bag .description h4{
	font-size:18px;}
	
.also-add-to-bag .description p {
	margin-bottom:10px;
}	
	
.also-add-to-bag .description .strike-price {
    color: var(--col_green1);
}
.also-add-to-bag .slick-prev,
.also-add-to-bag .slick-next {
  top: 40%;
  z-index:1;}

.also-add-to-bag .slick-prev{
  left: 0;}

.also-add-to-bag .slick-next{
  right: 0;}
  
 .section-also-add-to-bag h2 {
	 display:block !important; 
	 text-align:center;
 } 
  
@media(min-width:1200px){
 .also-add-to-bag .slick-prev{left: -25px;}

 .also-add-to-bag .slick-next{right: -25px;}
 .section-also-add-to-bag h2 {
	 text-align:left;
 } 
}  

.also-add-to-bag .slick-prev:before,
.also-add-to-bag .slick-next:before {
  font-family: bootstrap-icons !important;
  color: #000;
}
.also-add-to-bag .slick-prev:before {
    content: "\f284" !important;
}
.also-add-to-bag .slick-next:before {
    content: "\f285" !important;
}

/*=== address_slider ===*/

.address_slider {
	padding:0;
	margin:0 30px 40px 30px;}
	
@media(min-width:1200px){
	.address_slider {
	padding:0px;}
}	

.address_slider .slick-track {
	margin:0;
	display: flex;
}
.address_slider .slick-track .slick-slide {
	height: inherit;
}
.address_slider .slick-track .slick-slide .chk_label {
	height: 100%;
	display: flex !important;
}
.address_slider .slick-track .slick-slide .chk_address_box {
	display: flex !important;
	flex-direction: column;
}
.address_slider .slick-track .slick-slide .chk_address_box .action_on_address {
	margin-top: auto !important;
	/* border-top: solid 1px var(--color-green1);
    padding-top: 10px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 20px 0; */
}

.address_slider .slide {
    padding: 10px;}
	
.address_slider .slick-prev,
.address_slider .slick-next {
  top: 50%;
  z-index:1;}

.address_slider .slick-prev{
  left: -20px;}

.address_slider .slick-next{
  right: -20px;}  
  
@media(min-width:1200px){
 .address_slider .slick-prev{left: -25px;}
 .address_slider .slick-next{right: -25px;} 
}  

.address_slider .slick-prev:before,
.address_slider .slick-next:before {
  font-family: bootstrap-icons !important;
  color: #000;}
  
.address_slider .slick-prev:before {
    content: "\f284" !important;}
	
.address_slider .slick-next:before {
    content: "\f285" !important;}

/*=== checkout Checkbox ===*/

.checkout .form-check-input,.login_reg .form-check-input {
	width:20px;
	height:20px;
	margin-top:1px;
	margin-right:5px;
	border:1px solid #111;}		
	
.checkout .form-check-input:checked, .login_reg .form-check-input:checked {
	border-color:#111;
	background-color:#fff;}
	
.checkout .form-check-input:checked[type="checkbox"], .login_reg .form-check-input:checked[type="checkbox"] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}	

/*=== checkout form-control ===*/

.checkout .form-control {
	border:1px solid #111;
	outline:none;
	font-size:16px;}
	
.checkout .form-control:focus {
	box-shadow:none;}	

/*=== checkout button ===*/

.checkout .btn, .login_reg .btn {
	border-radius:8px;
	padding-left:15px;
	padding-right:15px;
	font-weight:700;}
	
.checkout .btn-yellow {
  background-color:#e0a72e;
  border-color:#e0a72e;
  color:#000;}

.checkout .btn-yellow:hover {
  background-color:#e0a72e;
  border-color:#e0a72e;}
  
 .checkout .btn-outline-primary, .login_reg .btn-outline-primary {
	 border-color:var(--color-green1);
	 color:var(--color-green1); } 
	 
.checkout .btn-outline-primary:hover, .login_reg .btn-outline-primary:hover {
	 background-color:var(--color-green1);
	 color:#fff; } 

.checkout .weight_normal {
	font-weight:400 !important;}

.btn-outline-dark.dashed {
	border-style:dashed;
}	

/*=== checkout ===*/

.checkout .h2 span{
	font-family: var(--body-font);
	font-weight:400;
	font-size:0.5em}
	
.checkout .bag_list {
	list-style:none;
	color:var(--color-green1)}
	
.checkout .bag_list li{
	border-bottom:1px solid var(--color-green2);
	padding:0 0 10px 0;
	margin-bottom:10px;}	

.checkout .bag_list .ci_rspacing {
	margin-right:7%;}

.checkout .bag_list h4 {
	font-size:1.1em;
	font-weight:600;}
	
.checkout .bag_list .you_save {
	font-size:0.75em;}	
	
.checkout .bag_list	.striked_amount {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:0.8em;
	position:relative;
	display:inline;}	
	
.checkout .bag_list	.striked_amount:after {
	content:'';
	position:absolute;
	top:50%;
	height:1px;
	right:-2px;
	left:-2px;
	background-color:var(--color-green2)}	
	
.checkout .bag_list	.amount {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:0.9em;
	font-weight:600;
	text-align:right;}
	
.checkout .bag_list .del_charges {
	font-size:0.9em}	
	
.checkout .bag_list .subtotal {
	color:#000;}	

.checkout .bag_list .subtotal .amount{
	color:#000;
	text-align:right;
	font-size:25px;
	width:100%;}

@media(min-width:576px){
		
	.checkout .bag_list h4 {
	font-size:1.3em;}
	
	.checkout .bag_list .you_save {
	font-size:0.9em;}	
	
	.checkout .bag_list	.striked_amount {
	font-size:1.2em;}
	
	.checkout .bag_list	.amount {
	font-size:1.3em;}
		
	.checkout .bag_list .del_charges {
	font-size:1.4em}	
	
	.checkout .bag_list .subtotal .amount{
	font-size:35px;}
}		
	
@media(min-width:768px){
		
	.checkout .bag_list h4 {
	font-size:1.5em;}
	
	.checkout .bag_list .you_save {
	font-size:1.0em;}	
	
	.checkout .bag_list	.striked_amount {
	font-size:1.3em;}
	
	.checkout .bag_list	.amount {
	font-size:1.6em;}
		
	.checkout .bag_list .del_charges {
	font-size:1.4em}	
	
	.checkout .bag_list .subtotal .amount{
	font-size:35px;}
}	

@media(min-width:992px){
		
	.checkout .bag_list h4 {
	font-size:1.3em;}
	
	.checkout .bag_list .you_save {
	font-size:0.9em;}	
	
	.checkout .bag_list	.striked_amount {
	font-size:1.2em;}
	
	.checkout .bag_list	.amount {
	font-size:1.2em;}	
}

@media(min-width:1200px){
	
	.checkout .bag_list li{
	padding:0 10px 10px 10px;
	margin-bottom:10px;}
		
	.checkout .bag_list h4 {
	font-size:1.4em;}
	
	.checkout .bag_list .you_save {
	font-size:1.1em;
	font-weight:500}
	
	.checkout .bag_list	.striked_amount {
	font-size:1.5em;}
	
	.checkout .bag_list	.amount {
	font-size:1.5em;}	
}	

/*===*/

@supports (position: sticky) {
  .is-sticky-order-detail {
    position: sticky;
    top: 60px;
  }
}

.checkout .order-detail-box {
	background-color:transparent;}
	
@media(min-width:992px){
	.checkout .order-detail-box {
	border:2px solid var(--color-green2);
	background-color:transparent;
	/*position:absolute;
	right:0;
	top:216px;*/
	margin-right:-10px;
	z-index:10;}
}

@media(min-width:1400px){
	.checkout .order-detail-box {	
	margin-right: -50px;}	
}

.checkout .order-detail-box h3 {
	font-size:25px;}

.p-20 {padding:20px;}

.order-detail-box .p-30 {
	padding:30px 15px;}
	
@media(min-width:992px){
	.order-detail-box .p-30 {
	padding:30px;}
}	

.checkout .order-detail-box hr {
	background-color:var(--color-green1);
	height:2px;
	opacity:1;
	margin:5px 0;}
	
.checkout .btn_checkout {
	border:1px solid #000;
	background-color:#e0a72e;
	border-radius:10px;
	padding:10px 30px;
	font-weight:600;
	font-size:20px;}	
	
.checkout .od_info {
	padding:15px 30px;
	text-align:center;
	color:#fff;
	background-color:var(--color-green1)}

@media(min-width:992px){
	.checkout .od_info {
	border-top:2px dotted var(--color-green2);
	padding:15px 30px;
	font-weight:600;
	color:var(--color-green1);
	background-color:transparent}
}	
	
.checkout .w60 {width:60px;}
.fw700 {font-weight:700}	
.fs20 {font-size:20px;}

/*=== coupan code ===*/

.coupan_code_box {
	position:relative;}
	
.coupan_code_box .form-control {
	padding:15px 110px 15px 15px;
	border:1px solid #111;
	border-radius:10px;
	text-transform:uppercase;
	height:56px;}	
	
.coupan_code_box button {
	background-color:#f1f1f2;
	border-width:0 0 0 1px;
	border-color:#111;
	border-style:solid;
	position:absolute;
	top:1px;
	right:1px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	padding:15px 20px;
	font-weight:700;
	font-size:18px;
	height:54px;}	

/*===*/

.plus_minus_qty {
	border-radius:10px; 
	border:1px solid var(--color-green1);
	height:26px;
	overflow:hidden;
	display:flex;
	width:90px;
	color:var(--color-green1);}

.plus_minus_qty .sub, .plus_minus_qty .add{
	width:30px;
	height:26px;
	border:none;
	outline:none;
	font-size:16px;
	line-height:26px;
	background-color:transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	color:var(--color-green1);}
	
.plus_minus_qty .sub{	
	border-right:1px solid var(--color-green1);}

.plus_minus_qty .add{	
	border-left:1px solid var(--color-green1)}

.plus_minus_qty input{
	background-color:transparent;
	max-width:30px;
	text-align:center;
	font-size:12px;
	font-weight:700;
	line-height:26px;
	color:var(--color-green1);}
	
@media(min-width:768px){
	
	.plus_minus_qty {
	border-radius:10px; 
	height:35px;
	width:130px;}

	.plus_minus_qty .sub, .plus_minus_qty .add{
	width:40px;
	height:35px;
	font-size:26px;
	line-height:35px;}

	.plus_minus_qty input{
	max-width:50px;
	font-size:22px;
	line-height:35px;}
	
}	


/*=== ===*/

.chk_wrap {
	max-width:500px;}
	
/*=== Checkout Address Radio ===*/

.chk_label {
    display : block;
}
.chk_label > input{
    visibility: hidden;
    position: absolute;}
	
.chk_label > input + .chk_address_box{
    cursor:pointer;
	color:var(--color-green1);
    border:1px solid var(--color-green1);
	padding:11px 21px}
	
.chk_label > input:checked + .chk_address_box{ 
    background-color: #e0a72e;
	color:#000;
    border: 2px solid var(--color-green1);
	padding:10px 20px;}	
	
.chk_address_box h4{
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;}	
	
	
.call_for_assistance {
	border:1px solid #111;
	padding:15px 10px;
	font-weight:600;
	font-size:16px;
	border-radius:5px;
	color:#000;
	text-align:center;}	
	
@media(min-width:768px){
	.curently_delivering {
	font-size:18px;}
}	

/*=== Custom Modal ===*/

.custom_modal .modal-content {
	border-radius:20px;
	background-color:#f1f1f2;
	border:1px solid #111;}
	
.custom_modal .modal-body {	
	padding-bottom:50px;}	
	
.custom_modal .btn-close {
	position:absolute;
	right:20px;
	top:20px;
	opacity:1;}
	
.custom_modal .modal-title {
	font-size:34px;
	margin-top:20px;
	text-align:center;
	font-weight:700;}	
	
/*==*/

@media(max-width:575px){
	
#modalCouponCode .modal-dialog {
	margin:0 !important;}
	
#modalCouponCode .modal-content {
	border-radius:0 !important;
	border:none !important;}
	
#modalCouponCode .modal_coupon_wrap {
	max-width:auto;
}

}
	
/*==*/
.modal-backdrop {
   background-color: transparent;}

.modal_coupon_wrap {
	margin:0 auto;
	max-width:480px;}	
	
.coupon_code {
	margin-bottom:20px;}

.coupon_code .code {
	font-size:20px;
	font-weight:400;
	border-radius:10px;
	color:#000;
	margin-bottom:0;}	
	
.coupon_code .code_status {
	font-style:italic;
	font-size:12px;
	display:block;
	color:#ec263b}	
	
.coupon_code.code_applicable {
	background-color:#fff;
	padding: 10px;
	border:1px solid #000;
	border-radius:8px;}
	
.coupon_code.code_applicable .code {
	background-color:none;}
	
.coupon_code.code_applicable .code_status {
	color:#111;}

@media(min-width:992px){	
	.coupon_code {
	margin-bottom:10px;}

	.coupon_code .code {
		font-size:20px;
		font-weight:700;
		border-radius:10px;
		color:#000;
		border:1px solid #000;
		text-align:center;
		text-transform:uppercase;
		padding:4px 20px;
		width:100%;}	
		
	.coupon_code .code_status {
		font-style:italic;
		font-size:12px;
		display:block;
		color:#ec263b}	
		
	.coupon_code.code_applicable {
	background-color:transparent;
	padding: 0;
	border:0px solid #000;}	
		
	.coupon_code.code_applicable .code {
		background-color:#e0a72e;}
		
	.coupon_code.code_applicable .code_status {
		color:#111;}
}	
	
/*==*/

@media(min-width:992px) {	
.order_summ_divider {
	width:1px; top:0; bottom:0; right:0; margin-right:-7.33333333%; background-color:var(--color-green1); position:absolute;}	
	}
/*=====================
	Login & Register 
 ======================*/

.login_reg .login_wrap {
	max-width:450px;
	margin:0 auto;
	text-align:center;}
	
.login_reg h1{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:22px;
	color:var(--color-green1);} 
	
@media(min-width:992px){
	.login_reg h1{
	font-size:22px;}	
}	
	
.login_reg .form-control {
	border-radius:8px;
	border:1px solid #000;
	text-align:center;}	
	
.login_reg .or_login_with {
	background-color:#fff;
	padding:0 10px;
	position:relative;
	z-index:2;
	display:inline-block;}
	
.login_reg .or_login_with_line{
	position:absolute;
	height:1px;
	background-color:#999;
	left:0;
	right:0;
	top:50%;
	transform:translateY(-50%);
	z-index:1;}	
	
/*===========================
	Subscription Page
===========================*/	

.subscription_pages .h2{
	font-size:32px;
	text-align:center;}
	
@media(min-width:576px){
.subscription_pages .h2{
	text-align:left;}
}	
	
@media(min-width:768px){
	.subscription_pages .h2{
	font-size:40px;}
}	
	
.subscription_pages .sub_info {
	list-style:none;}	
	
.subscription_pages .sub_info li{
	border-bottom:1px dashed var(--color-green1);
	padding-bottom:20px;
	padding-left:10%;
	padding-right:10%;
	margin-bottom:10px;}
	
@media(min-width:576px){
	.subscription_pages .sub_info li{
	padding-left:0;
	padding-right:0;}
}	
	
.subscription_pages .sub_info li:last-child {
	border-bottom:0px dashed var(--color-green1);
	padding-bottom:0;
	margin-bottom:0}	

.subscription_pages .sub_info li .title {
	font-size:18px;
	font-weight:700;
	color:var(--color-green1);
	font-style:italic;
	margin-bottom:10px;}

.subscription_pages .sub_info li .title span {
	font-weight:400;
	font-size:0.9em;}

@media(min-width:768px){
	.subscription_pages .sub_info li .title {
	font-size:22px;
	margin-bottom:10px;}
}	

@media(max-width:991px) {
.subscription_pages .gray_bg_on_mobile {
	background-color:var(--color-gray2)}
}

/*===*/

.plus_minus_qty_large {
	border-radius:10px; 
	border:1px solid var(--color-green1);
	height:35px;
	overflow:hidden;
	display:flex;
	width:100%;
	max-width:300px;
	color:var(--color-green1);}

.plus_minus_qty_large .sub, .plus_minus_qty_large .add{
	width:20%;
	height:35px;
	border:none;
	outline:none;
	font-size:21px;
	line-height:35px;
	background-color:transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	color:var(--color-green1);}
	
.plus_minus_qty_large .sub{	
	border-right:1px solid var(--color-green1);}

.plus_minus_qty_large .add{	
	border-left:1px solid var(--color-green1)}

.plus_minus_qty_large input{
	background-color:transparent;
	width:60%;
	text-align:center;
	font-size:18px;
	font-weight:700;
	line-height:35px;
	color:var(--color-green1);}
	
@media(min-width:576px){
	
	.plus_minus_qty_large {width:200px;}
	
	.plus_minus_qty_large .sub, .plus_minus_qty_large .add{
	width:50px;}
	
	.plus_minus_qty_large input{
	width:100px;}
}	
	
@media(min-width:768px){
	
	.plus_minus_qty_large {
	border-radius:10px; 
	height:50px;}

	.plus_minus_qty_large .sub, .plus_minus_qty_large .add{	
	height:50px;
	font-size:37px;
	line-height:50px;}

	.plus_minus_qty_large input{
	font-size:28px;
	line-height:50px;}	
}	

/*===*/

.radio_label {
    display : block;}
	
.radio_label > input{
    visibility: hidden;
    position: absolute;}
	
.radio_label > input + .radio_text_button{ 
    cursor:pointer;
	color:#000;
    border:1px solid #000;
	border-radius:10px;
	font-size:16px;
	height:35px;
	font-weight:500;
	padding:4px 10px;}
	
.radio_label > input:checked + .radio_text_button{ 
    background-color: #e1a72e;
    border: 1px solid #000;}
	
@media(min-width:768px){
	
	.radio_label > input + .radio_text_button{ 
	border-radius:10px;
	font-size:20px;
	height:50px;
	padding:9px 10px;}
	
}	
	
/*=== order_summary_box ===*/	

.order_summary_box {
	font-size:14px;}
	
@media(min-width:992px){
	.order_summary_box {
	border:2px solid var(--color-green1);
	font-size:14px;
	max-width:450px;
	float:right;}
}	

.order_summary_box .os_title {
	border-bottom:1px dashed var(--color-green1); 
	padding:15px 30px}
	
.order_summary_box .os_title h3 {
	font-size:25px;}

.order_summary_box .os_sub_info {
	padding:15px 30px;
	border-bottom:1px dashed var(--color-green1);
	font-weight:500;}

.order_summary_box hr {
	background-color:var(--color-green1);
	height:1px;
	opacity:1;
	margin:5px 0;}

.os_subs_cart_detail {
	padding:15px 30px;
	border-bottom:1px dashed var(--color-green1);
	font-weight:500;}

.os_subs_cart_detail .cart_total {
	font-size:18px;
	font-weight:700;}	
	
.subscription_pages .btn_chk_wrap {
	padding:15px 30px;}	
	
@media(min-width:992px){
	.subscription_pages .btn_chk_wrap {
	border-bottom:1px dashed var(--color-green1);}	
}	
	
.subscription_pages .btn_checkout {
	border:1px solid #000;
	background-color:#e0a72e;
	border-radius:10px;
	padding:10px 30px;
	font-weight:600;
	font-size:20px;}

.subscription_pages .od_info {
	padding:15px 30px;
	text-align:center;
	color:#fff;
	background-color:var(--color-green1)}

@media(min-width:992px){
	.subscription_pages .od_info {
	padding:15px 30px;
	font-weight:600;
	color:var(--color-green1);
	background-color:transparent}
}	



.chk-nav {
	display: flex;
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.chk-nav li {
	padding: 32px 20px 10px;
	position: relative;
	width: 25%;
    text-align: center;
    line-height: 1;
}
.chk-nav li a {
	text-decoration: none;
	font-size: 11px;
	font-weight: 500;
    text-transform: uppercase;
	opacity: 0.3;
}
.chk-nav li:not(:first-child):before {
	content: '';
	position: absolute;
	top: 15px;
	left: -50%;
	width: 100%;
	height: 1px;
	background: #0e3e30;
	opacity: 0.3;
}
.chk-nav li:after {
	content: '';
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translateX(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #0e3e30;
	opacity: 0.3;
}
.chk-nav li.active a, .chk-nav li.active:after {
	opacity: 1;
}