@charset "utf-8";

/* CSS Document */

/*----------------

RESET CSS

-----------------*/

body {

	top:0;

	bottom:0;

	left:0;

	right:0;

	margin:auto;

	padding:0;

	background:#fff;

	color:#333333;

	text-align:center;	

	font-family: 'Open Sans', sans-serif;

	overflow-x: hidden;

	font-size:14px;

	}

div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin:0;padding:0;}

header, section, footer, aside, nav, main, article, figure {display: block;}

table, tr, td {border:0;}

a{outline: none; color:#064870; text-decoration:none;}

a:hover {outline: none;  text-decoration:none;}

img {border:none; height:auto;}

li {list-style:none;}

*{box-sizing:border-box;}

.img-full{max-width:100%; height:auto;}

.clearall{

	clear:both;

	font-size:1px;

	line-height:1px;

	height:1px;

	}





	.swal2-popup.swal2-modal {



		width: 600px;

	

		max-width: 100%;

	

		box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

	

		border: 1px solid rgba(0, 0, 0, 0.2);

	

		padding-bottom: 0;

	

		border-radius: 0;

	

	  }

	

	  .swal2-popup.swal2-modal .swal2-icon.swal2-error {

	

		display: none !important;

	

	  }

	

	  .swal2-confirm.swal2-styled {

	

		position: absolute;

	

		right: -10px;

	

		  top: -10px;

	

		display: flex !important;

	

		justify-content: center;

	

		align-items: center;

	

		width: 32px;

	

		height: 32px;

	

		background: #333;

	

		border: 2px solid #fff;

	

		color: transparent;

	

		  border-radius: 50%;

	

		overflow: hidden;

	

		font-size: 0;

	

		box-shadow: none;

	

		line-height: 32px;

	

	  }

	

	  .swal2-confirm.swal2-styled:focus {

	

		box-shadow: none !important; 

	

	  }

	

	  .swal2-confirm.swal2-styled::after {

	

		content: 'X';

	

		color: #fff;

	

		font-weight: bold;

	

		left: 0;

	

		right: 0;

	

		top: 0;

	

		bottom: 0;

	

		display: flex;

	

		justify-content: center;

	

		align-items: center;

	

		font-size: 17px;

	

	  }

	

	  .swal2-popup .swal2-title {

	

		text-align: left;

	

		font-size: 14px;

	

		font-weight: 400;

	

		color: #000;

	

	  }

	

	  .swal2-container.swal2-center.swal2-backdrop-show {

	

		background: rgba(255, 255, 255, 0.8);

	

	  }

	



select{

	-webkit-appearance: none;

	-moz-appearance:    none;

	appearance:         none;

	}

	

.for-desk{display:block;}

.for-mob{display:none;}

html, body {

    margin: 0;

    width: 100%;

    height: 100%;

	}

/*-----------------------

	MAIN CSS font

------------------------*/







/*===========================*/







.chkout-bg, .lft-chk, body{

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-flex: 1;

	-webkit-flex: 1 0 auto;

	-ms-flex: 1 0 auto;

	flex: 1 0 auto

	}



.container{

	padding: 0 5%;

    width: 90%;

    max-width: 78.57143em;

	margin:0 auto;

	-ms-box-orient: horizontal;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -moz-flex;

	display: -webkit-flex;

	display: flex;

	box-sizing:content-box;

	flex:1;	

	}	

/*============TOP==============*/

.top-fix-bar {

	float: left;

	width: 100%;

	margin-bottom:60px;

	}

.top-sticky{

	float: left;

	width: 100%;

	height:60px;

	margin-top: -60px;

    position: relative;

    top:60px;

	}

.fixed-nav .top-sticky{

	position: fixed;

	z-index: 9999;

	top: 0;

	-webkit-transition: margin .3s ease-out;

    transition: margin .3s ease-out;

	margin-top:0;

	}

.topStrip{

    float: left;

    width: 100%;

    background: #dcff8e;

    padding:19px 15px;

	}

.top-strip-row{

	max-width:940px;

	width:100%;

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    justify-content: center;

    align-items: center;

	margin:0 auto;

	}

.top-strip-col-1{

	display:inline-block;

	vertical-align:middle;

	text-align:left;

	}

.top-strip-col-1 p{

	 color: #000;

    font-size:18px;

	line-height:19px;

	letter-spacing:0.5px;

	text-transform:uppercase;

	}

.top-strip-col-1 p strong{ font-weight:500;}

.top-strip-col-2{

	display:inline-block;

	vertical-align:middle;

	width:130px;

	padding-left:5px;

	text-align: right;

	}

.top-strip-col-2 p{

	display:inline-block;

	vertical-align:middle;

	font-size:10px;

	line-height:11px;

	color:#000;

	letter-spacing:0.3px;

	text-transform:uppercase;

	font-weight:500;

	text-align:right;

	}

.top-strip-col-2 span{

	display:inline-block;

	vertical-align:middle;

	font-size:22px;

	line-height:22px;

	font-family: 'Roboto Mono', monospace;

	color:#000;

	text-transform:uppercase;

	font-weight:bold;

	letter-spacing:-1px;

	}



/*==========================*/

.frm-main{

	-webkit-box-flex: 1;

	-webkit-flex: 1 0 auto;

	-ms-flex: 1 0 auto;

	flex: 1 0 auto;

	}

.lft-chk{

	width: 51%;

    padding-right: 5%;

	float:left;

	padding-top: 2em;

	box-sizing:content-box;

	}

	

.right-chk{

	width: 44%;

	padding-left: 5%;

	float:right;

	padding-top: 2.5em;

	padding-bottom:20px;

	position:relative;

	box-sizing:content-box;

	}	

.right-chk:after{

	content: "";

	display: block;

	width: 300%;

	position: absolute;

	top: 0;

	left:0;

	bottom: 0;

	background: #fff;

	z-index: -1;

	-webkit-box-shadow: 1px 0 0 #e1e1e1 inset;

	box-shadow: 1px 0 0 #e1e1e1 inset;

	}

		

/*-----------------------

CSS FOR SEC1

-------------------------*/

.logo-box{

	float: left;

	width: 100%;

	}

.logo{

	float:left;

	max-width:100%;

	width:160px;

	}

.secure-lock{

	float: right;

    width: 120px;

    font-size: 12px;

    line-height: 13px;

    color: #000;

    text-align: left;

    letter-spacing: 0.5px;

	}

.secure-lock img{

	display:inline-block;

	vertical-align:middle;

	margin:0 5px 0 0;

    filter: grayscale(100%);	

	}

.secure-lock span{

	display:inline-block;

	vertical-align:middle;

	}

.viewBx{

	float:left;

	width:100%;

	margin-top:30px;

	background:#fff1aa;

	border-radius:5px;

	padding:10px 15px;

	text-align:left;

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

	}

.view-box-col1{

	width:40px;

	height:40px;

	position:relative;

	text-align:center;

	}

.view-box-col1 img{

	position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

	}

.view-box-col1 span{

	font-size: 22px;

    line-height: 40px;

    text-transform: uppercase;

    font-weight: 900;

    position: relative;

    z-index: 1;

    color: #fff;

	}

.view-box-col2{

	width:calc(100% - 45px);

	padding-left:10px;

	font-size:16px;

	line-height:22px;

	letter-spacing:0.5px;

	color:#000000;

	text-transform:uppercase;

	margin-top:2px;

	}

.view-box-col2 span{ font-weight:bold;}

	

	

ul.brdcrm{

	float:left;

	width:100%;

	text-align:center;

	margin-top: 20px;

	}

ul.brdcrm li{

	display:inline-block;

	vertical-align:top;

	font-size:14px;

	color: #000000;

	}

ul.brdcrm li span{font-weight:500; color: #000000;}

ul.brdcrm li a{color:#000000;}



ul.brdcrm li svg{

	width: 11px;

    height: 11px;

	display: inline-block;

    vertical-align: middle;

    fill: #000000;

    -webkit-transition: color 0.2s ease-in-out;

    transition: color 0.2s ease-in-out;

	margin:0 15px;

	}

.paypal-box{

	float:left;

	width:100%;

	border:1px solid #282d3e;

	background:#fff;

	border-radius:5px;

	margin-top:30px;

	text-align:center;

	padding:15px 20px;

	}

.paypal-box span{

	display:inline-block;

	vertical-align:middle;

	margin:0 0 15px;

	font-size:13px;

	line-height:13px;

	color:#000000;

	text-transform:uppercase;

	}

.pay-btns{

	display: flex;

    justify-content: center;

    align-items: flex-start;

    flex-wrap: wrap;

    width: 100%;
	gap:10px

}	

.paypalbtn{

	width:48%;

	height: 55px;

	padding:7px;

	background: #ffc439;

	color: #111;

	box-sizing: border-box;

	border-radius:4px;

	}

.paypalbtn img{height:22px; display:inline-block; vertical-align:middle; margin-top:10px;}



.pay-btn{

	width:48%;

	height: 55px;

	padding:7px;

	background: #000000;

	color: #111;

	box-sizing: border-box;

	border-radius:4px;

	}

.pay-btn img{ 

	display: inline-block;

    vertical-align: middle;

    margin-top: 12px;

    width: 50px;

	}





.alternate-payment-opt{

	float:left;

	width:100%;

	text-align:center;

	margin:1.5em 0;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	font-size: 1em;

    line-height: 1.4;

    text-align: center;

    text-transform: uppercase;

    color: #000000;

	}

.alternate-payment-opt span{

	display: inline-block;

    padding: 0 1em;

	}

.alternate-payment-opt span img{

	display: inline-block;

	vertical-align:middle;

	margin-top:-3px;

	}

.alternate-payment-opt::after, .alternate-payment-opt::before {

	content: '';

	display: inline-block;

	height: 1px;

	background: #e6e6e6;

	-webkit-box-flex: 1;

	-webkit-flex-grow: 1;

	-ms-flex-positive: 1;

	flex-grow: 1;

	}

	

.cp-contact, .cp-prospect{

	float:left;

	width:100%;

	margin-top:40px;

	}

.cp-prospect{margin-top:40px;}

.heading-box{

	float:left;

	width:100%;

	margin-bottom:10px;

	}

.chk-head{

	float: left;

	font-weight:bold;

	color: #000000;

	font-size: 23px;

	line-height: 28px;

	text-align: left;

	}

.frm-flds{

	float:left;

	width:100%;

	position:relative;

	margin:5px 0;

	}

.frm-flds.fl{float:left;}

.frm-flds.fr{float:right;}

.frm-flds.half-fld{width:49%;}

.frm-flds.drop-fld, .frm-flds.city-fld{width:34%; margin-right:1%;}

.frm-flds.zip-fld{width:30%;}

.frm-flds.exp-flds{width:60%;}

.frm-flds.cvv-flds{width:38%;}





.selcet-fld {

    /* background: url(../images/select.svg) no-repeat 94% center #fff; */
    padding-right: 40px;

}

select.selcet-fld.has-error{
	background: #fff url(../images/error-input.png) no-repeat 99.5% center;
    border-color: orange;
    color: #757575;
}

select.selcet-fld.no-error{
	background: #fff url(../images/tick-input.png) no-repeat 99.5% center;
    border-color: green;
    color: #000;
}



	

.frm-flds label{

	opacity: 0;

    visibility: hidden;

    display: block;

    position: absolute;

    top:7px;

    left: 15px;

    font-size: 0.8571428571em;

    font-weight: 400;

    line-height: 1;

    color: #bbb;

    border-radius-top-left: 3px;

    transition: all .2s ease-in-out;

    z-index: 1;

	-webkit-transform: translateY(3px);

    transform: translateY(3px);

	}

.frm-flds .fl-is-active label{

	opacity: 1;

	visibility: visible;

	transform: none;

	color: #737373;

	}



.input-flds, .selcet-fld{

	float:left;

	width:100%;

	outline:none;

	border:1px solid #bbb9b7;

	height:50px;

	padding:10px 15px;

	border-radius: 5px;

	color: #000;

	font-family: 'Open Sans', sans-serif;

	font-weight:normal;

	-webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

	box-sizing:border-box;

	font-size:16px;
	background: #fff;

	}

.input-flds::placeholder, .selcet-fld::placeholder{ color:#9e9e9e;}	
input.input-flds.no-error, select.input-flds.no-error {
    background: #fff url(../images/tick-input.png) no-repeat 99.5% center;
    border-color: green;
    color: #000;
}
input.input-flds.has-error, select.input-flds.has-error {
    background: #fff url(../images/error-input.png) no-repeat 99.5% center;
    border-color: orange;
    color: #757575;
}
.frm-flds .fl-is-active .input-flds{	

	padding-top: 1em;

    padding-bottom: 0.35714em;

	}

.input-flds:focus{

	border:1px solid #3eb439;

	box-shadow:0 0 0 1px #3eb439;

	-webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

	}

.frm-flds .fl-is-active .selcet-fld {

    padding-top: 1em;

    padding-bottom: 0.3571428571em;

}

.payment-field{

	float:left;

	width:100%;

	}

.payment-field.hlf{width: 49%;}

.payment-field.fr{ float:right;}

.payment-field label{

	float: left;

    width: 100%;

    color: #000;

    font-size: 16px;

    line-height: 24px;

    margin-top: 5px;

    text-align: left;

	}

.label-checkbox{

	float:left;

	width:100%;

	text-align:left;

	cursor:pointer;

	margin:30px 0;

	color: #545454;

	font-size:14px;

	line-height:22px;

	letter-spacing:0.3px;

	position:relative;

	padding:0 0 0 30px;
	}

	
.label-checkbox + .label-checkbox{
	margin-top: 0;
}

.label-checkbox strong{
	color: #000;
}


.label-checkbox a{ text-decoration:underline;}

.all-checkbox,
.insurance_check,
.fitnessXr_check{

	position:absolute;

	top:0;

	left:0;

	-webkit-appearance:none;

	width:20px;

	height:20px;

	border:1px solid #898989;

	border-radius:3px;

	outline:none;

	-webkit-box-shadow: 0 0 0 0 #000000 inset;

	box-shadow: 0 0 0 0 #000000 inset;

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	cursor:pointer;

	}

.all-checkbox:checked,
.insurance_check:checked,
.fitnessXr_check:checked{

	background:#000000;

	border:1px solid #000000;

	}

.all-checkbox:after,
.insurance_check:after,
.fitnessXr_check:after{

	content:'';

	position:absolute;

	width:14px;

	height:16px;

	background:url(../images/tik.svg) no-repeat center center;

	left:2px;

	top:2px;

	opacity:0;

	z-index:1;

	-webkit-transition: all 0.2s ease-in-out 0.1s;

	transition: all 0.2s ease-in-out 0.1s;

	-webkit-transform: scale(0.2);

	transform: scale(0.2);

	}

.all-checkbox:checked:after,
.insurance_check:checked:after,
.fitnessXr_check:checked::after{	

	-webkit-transition: all 0.2s ease-in-out 0.1s;

	transition: all 0.2s ease-in-out 0.1s;

	-webkit-transform: scale(1);

	transform: scale(1);

	opacity:1;

	}

.label-checkbox > div{

	display:inline-block;

	vertical-align:top;

	width:calc(100% - 35px);

	text-align:left;

	}

.label-checkbox > div span{

	font-size:16px;

	line-height:16px;

	color:#000000;

	font-weight:bold;

	}

.label-checkbox > div p{

	font-size:12px;

	line-height:14px;

	color:#000000;

	margin-top:5px;

	}

.all-sumbit{

	float:left;

	width:100%;

	/* margin-top:30px; */

	}

.frm-submit{

	float:right;

	width:100%;

	background:#3eb439;

	padding:15px 15px 16px;

	color:#fff;

	-webkit-appearance:none;

	border:none;

	outline:none;

	text-transform:uppercase;

	letter-spacing:0.5px;

    font-family: 'Open Sans', sans-serif;

	text-transform:uppercase;

	cursor:pointer;

	border-radius: 6px;

	}

.frm-submit span{

	font-weight:bold;

	font-size:28px;

	line-height:34px;

	}

.frm-submit span img{

    display: inline-block;

    vertical-align: middle;

    margin: -8px 3px 0 0;

    width: 18px;

	}

.frm-submit p{

	font-size:12px;

	line-height:16px;

	margin-top:3px;

	}





.paypl-btn{

	float:right;

	}

.paypl-btn img{

	display:inline-block;

	vertical-align:middle;

	max-width:100%;

	}



.call-qsn{

	position:absolute;

	right:15px;

	top:17px;

	}



/*RIGHT SIDE*/



.sumry-hdng{

	text-align:left;

	font-size:24px;

	line-height:30px;

	color:#000;

	font-weight:bold;

	margin-bottom:10px;

	padding-bottom:12px;

	border-bottom:1px solid #a9a9a9;

	}



.prod-box{

	float:left;

	width:100%;

	min-height:60px;

	display:table;

	vertical-align:middle;

	margin:10px 0;

	}

.prod-box.prod-box3{
	margin-bottom: 0;
}

.ord-lft{

	width:85%;

	position:relative;

	/* display:table-cell; */
	display:inline-block;

	vertical-align:middle;

	}

.prod-img{

	display:inline-block;

	vertical-align:middle;

	width:75px;

	position:relative;

	}
.prod-box2 .prod-img{
	width: 50px;
}
.prod-img img{

	display:inline-block;

	vertical-align:middle;

	max-width:100%;

	}

/*.prod-count{

    left: 40px;

    height: 22px;

    width: 22px;

    line-height: 23px;

    top: -7px;

    position: absolute;

    background-color: #31a42c;

    border-radius: 50%;

    color: #fff;

    font-size: 16px;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

	}*/	

.odr-rgt{

	display:inline-block;

	vertical-align:middle;

	width:calc(100% - 80px);

	padding-left:10px;

	}

.ord-lft p{

	float:left;

	width:100%;

	text-align:left;

	}

.ord-title{

	color: #323232;

    font-size: 15px;

    line-height: 22px;

	}

.ord-title strong{

	font-size:17px;

	display: inline-block;

    margin-bottom: 0;

	}

.ord-title span{

	font-size:12px;

	font-weight:normal;

	color:#000;

	}

.ord-desc{

	color: #717171;

	font-size:13px;

	}

.ord-right{

	/* display:table-cell; */
	display:inline-block;
	/* width: 14%; */

	vertical-align:middle;

	}

.ord-right p{

	float:right;

	color: #323232;

	font-size:16px;

	line-height: 22px;

	text-align:right;

	font-weight:bold;

	}
	


/*.ord-right p span{*/

/*	font-weight:normal;*/

/*	text-decoration:line-through;*/

/*	}*/
.ord-right p span.pro-sub{
	text-decoration:none
}

.ord-right p span.strikethrought-span{
    text-decoration: line-through;
}

.devider-cp{

	float:left;

	width:100%;

	margin:10px 0;

	height:1px;

	background:#a9a9a9;

	}

.cart-table{

	width:100%;

	color: #000;

	font-size:14px;

	line-height:30px;

	letter-spacing:0.3px;

	}

.cart-table span{

	font-size:16px;

	color:#323232;

	font-weight:bold;

	}

.tot-txt-l{

	font-size:18px;

	color:#000000;

	font-weight:bold;

	}

.cart-table .total-txt  span{

	font-size:18px;

	color:#191919;

	font-weight:bold;

	}



.qsn{

	display:inline-block; 

	vertical-align:middle;

	}



.cart-qty-div{

	float:left;

	margin:10px 0 0;

	border: 1px solid #2d2d2d;

	position:relative;

	overflow:hidden;

	border-radius:3px;

	}

.sub, .add {

    float: left;

    width: 20px;

    height: 28px;

    padding: 0 0px 0;

    text-align: center;

	border: none;

    outline: none;

    cursor: pointer;

	background:#fff;

	font-family: inherit;

	color:#000;

	font-size:18px;

	line-height:22px;

	}

.cart-qty-div input{

    float: left;

    border: none;

    background: none;

    width: 20px;

    text-align: center;

    height: 28px;

    font-size: 14px;

    color: #000;

	font-weight:400;

	font-family: 'Open Sans', sans-serif;

	outline:none;

	}

.postalBox{

    float: left;

    width: 100%;

    text-align: left;

    position: relative;

    margin-top: 20px;

	display: flex;

    align-items: center;

	}

.postalBox p{

	display:inline-block;

	vertical-align:middle;

    font-size: 16px;

    line-height: 25px;

    color: #333333;

	border-left:1px solid #ddd;

	padding-left:10px;

	margin-left:10px;	

	}	

.postalBox p span{

	font-weight:700;

	}	

.us-logo{

	display:inline-block;

	vertical-align:middle;

	max-width:100%;

	}	

/*------------------------

CSS FOR SHIPPING PART

-------------------------*/

.contact-editor{

	float:left;

	width:100%;

	border: 1px solid #d9d9d9;

	padding:0 15px;

	border-radius:4px;

	margin-top:30px;

	}

.data-row{

	float:left;

	width:100%;

	border-bottom: 1px solid #d9d9d9;

	padding:12px 0;

	position:relative;

	padding-right:60px;

	}

.data-row:last-child{border-bottom:0;}

.label-type{

	float:left;

	width:25%;

	color: #737373;

	font-size:14px;

	text-align:left;

	}

.get-info{

	float:left;

	width:75%;

	color: #333333;

	font-size:14px;

	text-align:left;

	}

a.change-info{

	position:absolute;

	right:0;

	top:10px;

	color:#3c1a3f;

	font-size:14px;

	}

.cp-shipping{

	float:left;

	width:100%;

	margin-top:50px;

	}

.shippingtypebox{

	float:left;

	width:100%;

	/*border: 1px solid #d9d9d9;*/

	padding:15px;

	/*border-radius:4px;*/

	}

.standrd_ship{

	float:left;

	width:100%;

	text-align:left;

	color: #545454;

	font-size:14px;

	cursor:pointer;

	}

.standrd_ship span{

	float:right;

	font-weight: 500;

	color: #333333;

	}

.shipping-icon{

	float:left;

	width:100%;

	color: #ec5246;

	font-size:18px;

	text-align:left;

	font-weight:500;

	margin:20px 0;

	}

.shipping-icon img{

	width:48px;

	display:inline-block;

	vertical-align:middle;

	margin-right:10px;

	}

.chk-subheading{

	float:left;

	width:100%;

	color: #000;

	font-size:16px;

	line-height:24px;

	margin-top:5px;

	text-align:left;

	}

.chk-subheading img{

	display: inline-block;

    vertical-align: middle;

    margin: -6px 4px 0 0;

    width: 12px;

	}	

	

/*------------------------

CSS FOR SHIPPING PART

-------------------------*/

.payoptbox{

	float: left;

    width: 100%;

    border: 1px solid #d9d9d9;

	background:#fff;

	border-radius: 4px;

	position:relative;

	}

.payment-cards-box{

	float: left;

    width: 100%;

    padding:13px 15px 10px 15px;

	display: flex;

    align-items: center;

    justify-content: space-between;

	border-top: 1px solid #d9d9d9;

	}

.payment-cards-box.open{

	border-bottom: 1px solid #d9d9d9;

	}

.payment-cards-box p{

	float:left;

	font-weight: 500;

    color: #333333;

	font-size:17px;

	}

.payment-cards-box img{

	float:right;

	}

.payment-cards-box small{

	float:right;

	margin:5px 0 0 5px;

	}

.payment-flds-box{

	float: left;

    width: 100%;

    border-top: 1px solid #d9d9d9;

	/*border-bottom: 1px solid #d9d9d9;*/

    padding:15px 20px;

	background-color: #fff;

	}

.lock-bg, .help-icon{

	color: #919191;

	width:17px;

	position:absolute;

	right:25px;

	top:0px;

	cursor:pointer;

	}

.frm-flds.card-nme-fld{

	width:46%;

	}

.frm-flds.card-sm-fld{

	width:25%;

	margin-left:2%;

	}

.billingtogglbtn, .paymybtn{

	float:left;

	width:100%;

    color: #333333;

	font-size:16px;

	text-align:left;

	cursor:pointer;

	}

.paymybtn{float:left;
	 /* width:50%; */
	 width: 100%;
	}

.billingtogglbtn input[type=radio], .ship-label-btn input[type=radio], .paymybtn input[type=radio], .apayRadioBtn input[type=radio]{

	display:inline-block;

	vertical-align:middle;

	margin-right:7px;

	width: 18px;

	height: 18px;

	-webkit-box-shadow: 0 0 0 0 #000000 inset;

	box-shadow: 0 0 0 0 #000000 inset;

	-webkit-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	position: relative;

	cursor: pointer;

	-webkit-appearance:none;

	-moz-appearance:none;

	border:1px solid #d9d9d9;

	border-radius:50%;

	outline:none;

	margin-top:-5px;

	}

.billingtogglbtn input[type=radio]:checked, .ship-label-btn input[type=radio]:checked, .paymybtn input[type=radio]:checked, .apayRadioBtn input[type=radio]:checked{

	background:#fff;

	}

.billingtogglbtn input[type=radio]:checked:after, .ship-label-btn input[type=radio]:checked:after, .paymybtn input[type=radio]:checked:after, .apayRadioBtn input[type=radio]:checked::after{

	width:10px;

	height:10px;

	border-radius:50%;

	background:#000000;

	position:absolute;

	content:'';

	left:3px;

	top:3px;

	}

.payplsvg{

	display:inline-block;

	vertical-align:middle;

	}

.paypal-txt{

	float:left;

	width:100%;

	padding:0 12%;

	padding-bottom:20px;

	color: #545454;

	font-size:14px;

	line-height:20px;

	}

	

.security-text{

	float: left;

    width: 100%;

    color: #000;

    font-size: 12px;

    line-height: 20px;

    margin-top: 15px;

    text-align: left;

	position:relative;

	padding-left:30px;

	}

.security-text img{

	position:absolute;

	left:0;

	top:0;

	}



a.afterpay-btn{

	display:inline-block;

	vertical-align:top;

    width: 100%;

    background: #000;

    padding:18px 15px;

    border: none;

    outline: none;

    text-transform: uppercase;

    cursor: pointer;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    -webkit-transition: all 0.2s ease-in-out 0.1s;

    transition: all 0.2s ease-in-out 0.1s;

	}

a.afterpay-btn img{

	display:inline-block;

	vertical-align:middle;

	width:130px;

	}

a.afterpay-btn:hover {

    background: #6fb620;

	}

	

.offer-txt{

	text-align:left;

	font-size:15px;

	line-height:22px;

	color:#414141;

	margin-top:10px;

	position: relative;

	}	

.guty-logo{

	margin:40px auto 0;

	max-width:100%;

	}



/*------------------------

Reviews

------------------------*/

.review-box{

	float:left;

	width:100%;

	margin-top:50px;

	}

.rgt-label{

	float:left;

	width:100%;

	border-top:1px solid #c9c9c9;

	margin-bottom:-15px;

	}

.rgt-label span{

    background: #fff;

    display: inline-block;

    vertical-align: middle;

    margin-top: -18px;

    color: #444444;

    font-size:14px;

    line-height: 18px;

	font-weight:500;

    padding: 0 13px;

	letter-spacing:0.3px;

	text-transform:uppercase;

	}	

.s6-mid-row {

    float: left;

    width: 100%;

    margin-top: 10px;

	}

.s6-mid-col{

	float:left;

	width:100%;

	background:#fff;

	padding:20px;

	position:relative;

	text-align:left;

	border-radius:10px;

	margin-top:20px;

	border:1px solid #cbcbcb;

	}	

		

.s6-testi-star{

	display:inline-block;

	vertical-align:top;

	max-width:100%;

	width:110px;

	}

.s6-t-para{ 

	float: left;

    width: 100%;

    font-size: 16px;

    line-height: 23px;

    color: #000;

    letter-spacing: 0.5px;

	margin-top:15px;

	}		

.s6-testi-nm{

	float: left;

    width: 100%;

    font-size: 16px;

    line-height: 20px;

    color: #000;

    letter-spacing: 0.5px;

    margin-top: 30px;

    position: relative;

    padding: 0 0 0 61px;

	font-weight:700;

	}

.t-img1{

	position:absolute;

	top:-15px;

	left:0;

	max-width:100%;

	border-radius:50%;

	width:44px;

	}	

.s6-testi-nm span{

	font-size:13px;

	color:#77c44f;

	font-weight:400;

	}

.s6-testi-nm span img{

	display:inline-block;

	vertical-align:middle;

	margin:-2px 3px 0 10px;

	}



.choose-box{

	float:left;

	width:100%;

	margin-top:70px;

	}

.brand-img{

	display:block;

	margin:60px auto 0;

	max-width:100%;

	}



/*-----------------------

CSS FOR FOOTER

-------------------------*/

.footer{

	float:left;

	width:100%;

	padding:1.5em 0;

	margin:30px 0;

	border-top: 1px solid #e6e6e6;

	}

.footer p {

	float: left;

	width: 100%;

	font-weight:400;

	font-size:15px;

	line-height:28px;

	letter-spacing:0.3px;

    color: #3b3b3b;

	text-align:center;

	}

.footer p a{ padding:0 10px 0 0;color: #3b3b3b;}

#toggle-mob-cart{

	width:100%;

	}
    .product1,
    .product2 {
        cursor: pointer;
    }

    .package-item {
        background: #fff;
        border-left: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
        border-bottom: 1px solid #d2d2d2;
        border-radius: 10px;
        margin-bottom: 14px;
    }

    .product1 .package-item {
        border: 1px solid grey;
        box-shadow: 0 0 0 red;
        animation: pulses 2s infinite;
    }

    .package-item__header {
        overflow: hidden;
        margin: 0 -1px;
        border-radius: 10px 10px 0 0;
        font-family: Arial, Helvetica, sans-serif;
    }

    .title-block {
        width: 71%;
        float: left;
        background: #f47a30;
        height: 35px;
        line-height: 37px;
        padding-top: 3px;
    }

    .title-block__main {
        font-weight: 700;
        font-size: 24px;
        text-transform: uppercase;
        color: #fff9ef;
        line-height: 30px;
        padding-left: 17px;
        float: left;
    }

    .shipping-row {
        float: left;
        width: 29%;
        background: #23539b;
        line-height: 37px;
        position: relative;
        height: 35px;
        font-weight: 400;
    }

    .shipping-row:before {
        content: "";
        display: block;
        clear: both;
        position: absolute;
        left: -28px;
        top: 2px;
        width: 30px;
        height: 60px;
        background: #23539b;
        -moz-transform: rotate(49deg);
        -ms-transform: rotate(49deg);
        -webkit-transform: rotate(49deg);
        -o-transform: rotate(49deg);
        transform: rotate(49deg);
        z-index: 2;
    }

    .shipping-row span {
        position: relative;
        z-index: 3;
        color: #fff9ef;
        display: block;
        padding-left: 31px;
        font-size: 15px;
        font-weight: 700;
    }

    .shipping-row span:before {
        content: "";
        display: block;
        position: absolute;
        left: -8px;
        top: 6px;
        width: 28px;
        height: 23px;
        background: url(../images/box-icon.svg) no-repeat center;
        background-size: contain;
    }

    .package-item__status {
        width: 6%;
    }
	.package-item__content{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
    .package-item__status span {
        width: 30px;
        height: 30px;
        display: block;
        position: relative;
        border: 6px solid #63aee4;
        left: 4px;
        border-radius: 50%;
    }

	.product.active .package-item__status span:before {
		content: "";
		display: block;
		background: url(../images/done-icon.png) no-repeat center;
		position: absolute;
		left: -12px;
		top: -46px;
		width: 55px;
		height: 84px;
		background-size: 30px;
	}

    .package-images {
        float: left;
        display: block;
        position: relative;
        width: 56%;
        padding: 7px 3% 0 7px;
    }
	.product2 .package-images{
		width: 50%;
	}
    .package-images__item {
        display: table-cell;
        vertical-align: middle;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 50%;
        height: 131px;
        position: relative;
        text-align: center;
    }
	.package-images__item img{
		max-width: 100px;
	}
    .product1 .package-images__item {
        padding-right: 34px;
    }

    .package-images__item:first-child:before {
        content: "+";
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 40px;
        height: 40px;
        color: #fff;
        font-weight: 500;
        font-size: 36px;
		line-height:1;
        border-radius: 50%;
        z-index: 3;
        right: -10px;
        top: 38%;
        margin-top: -17px;
        background: 0 0;
        /* background-color: #55e701; */
        background: #5a266e;
    }

    .product1 .package-images__item:first-child:before {
        right: 0;
    }
	.product2 .package-images__item:first-child:before{
		display: none;
	}
    .package__save {
        background: url(../images/package-save.svg) no-repeat;
        position: absolute;
        right: -20px;
        bottom: 49px;
        width: 100px;
        height: 100px;
        background-size: cover;
        color: #000;
        font-family: Oswald, sans-serif;
    }

    .package__save_title {
        font-size: 24px;
        line-height: 20px;
        display: block;
        text-align: center;
        margin-top: 30px;
    }

    .package__save_item {
        text-align: center;
        display: block;
        line-height: 1.4;
        font-size: 19px;
    }

    .package-info {
        float: left;
        width: 32%;
        text-align: center;
        padding-right: 8px;
    }

    .package-info__title {
        font-size: 18px;
        display: block;
        line-height: 1;
        font-style: italic;
        font-weight: 500;
        margin-top: 15px;
        margin-bottom: 0;
        letter-spacing: -.03em;
        color: #d02734;
    }

    .package-info__price {
        display: block;
        font-size: 64px;
        line-height: 77px;
        font-family: Oswald, sans-serif;
        color: #000;
    }

    .price-first {
        display: inline-block;
    }

    .package-info__price>span {
        font-size: 14px;
        display: inline-block;
        line-height: 11px;
        vertical-align: top;
        margin-top: 1px;
        margin-left: 0;
		font-weight: bold;
    }

    .price-top {
        font-family: Oswald, sans-serif;
        font-weight: 400;
        font-size: 36px;
        line-height: 53px;
        text-decoration-line: underline;
        position: relative;
        display: inline-block;
    }

    .package-info__retail {
        font-family: Poppins, sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #000;
        display: block;
    }

    .package-info__retail span {
        position: relative;
    }

    .package-info__retail span:after {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #000;
    }

    .package-info__total {
        font-family: Poppins, sans-serif !important;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #000;
        display: block;
        margin-bottom: 3px;
    }

    .package-info__btn {
        margin: 0 auto;
        font-family: Roboto, sans-serif;
        font-weight: 600;
        width: 165px;
        height: 40px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 18px;
        background: #fd6806;
        box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
        border-radius: 8px;
        color: #fff;
        margin-bottom: 15px;
        box-sizing: border-box;
    }

    .timer-block {
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        width: 100%;
		margin: 0 0 20px;
    }

    .timer-block span {
        display: inline-block;
        font-size: 14px;
        line-height: 16px;
        color: red;
        text-indent: 0;
    }
	.prod-box1{
		margin: 0;
	}
	.register_symbol{
		font-size: 12px;
		position: relative;
		top: -5px;
	}
	.ship_icon{
		max-width: 27px;
		vertical-align: middle;
		margin-right: 6px;
		position: relative;
		top: -4px;
	}
/*==========media===================*/



@media only screen and (max-width:1200px){

	

.postalBox{ padding-left:0;}

.us-logo{ width:180px;}	

.lft-chk{padding-right: 4%;}

.right-chk{ padding-left: 4%;}

.all-checkbox,
.insurance_check,
.fitnessXr_check {top: 2px;}

.ord-lft {width: 82%;}

.view-box-col2{ font-size:15px;}



}	



@media only screen and (max-width:999px){

.for-desk{display:none;}

.for-mob{display:block;}



.top-fix-bar{ margin-bottom:56px;}

.top-sticky{height: 56px;margin-top: -56px;top: 56px;}

.topStrip{ padding:10px 8px 6px; height:56px;}

.top-strip-row{flex-direction: row-reverse;}

.top-strip-col-2 {width: 75px;text-align: left;padding: 0 5px 0 0;}

.top-strip-col-2 p{text-align: left;font-size: 9px;line-height: 8px;}

.top-strip-col-2 span{font-size: 21px; line-height: 21px;}

.top-strip-col-1 {text-align: center;}

.top-strip-col-1 p{ font-size:14px; line-height:18px;}



.top-header{

	width:100%;

	padding:1.3em 0;

	}

.mob-logo{

	float:left;

	width:120px;

	}



.container{	

	width:100%;

	padding:0 1em;

	-ms-box-orient: horizontal;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -moz-flex;

	display: -webkit-flex;

	display: flex;

	max-width: 40em;

	-webkit-flex-wrap: wrap-reverse;

	flex-wrap: wrap-reverse;

	box-sizing:border-box;

	}



.lft-chk{width:100%; padding-right:0; float:none; padding-top:0;}

.right-chk{width:100%; padding-left:0; float:none; padding:0; margin-bottom: 10px;}

.right-chk:after{left:-100%; box-shadow:none;}





ul.brdcrm li{ font-size:13px;}

ul.brdcrm li svg{ margin:-3px 8px 0;width: 9px;  height: 10px;}

.paypalbtn, .pay-btn{ height:54px;}

.cp-shipping { margin-top: 30px;}



.devider-cp{margin:10px 0;}

.prod-img{width:80px;}

.odr-rgt { width: calc(100% - 90px);}

.ord-right p, .cart-table span{ font-size:15px;}

.prod-box{min-height:50px;margin: 0 0; padding:15px 0 5px; border-top:1px solid #a9a9a9;}

.odr-remv{ top:14px;}



.viewBx{ margin-top:10px;}



.postalBox { width: 100%;}

.mob-us-logo {position: absolute; top: 7px;    left: 0;}

.postalBox p {font-size: 15px; line-height: 21px;}



.offer-txt {font-size: 14px;line-height: 22px; margin-top: 0; margin-bottom:10px;}



.frm-submit{width:100%;}



.summry-toggle-mob{	

	border-top: 1px solid #e6e6e6;

	padding: 1em 0;

	text-align: left;

	width: 100%;

	cursor:pointer;

	}

.summry-toggle{

	float:left;

	width:65%;

	color: #000;

	font-size:19px;

	font-weight:500;

	}

.order-summary-toggle__icon{

	fill: #3c1a3f;

	display:inline-block;

	vertical-align:middle;

	margin-right: 0.75em;

	margin-top:-4px;

	}

.togle-price{

	float:right;

	width:35%;

	font-size:15px;

	line-height:20px;

	color: #333333;

	text-align:right;

	margin-top:3px;

	}

.order-summary-toggle__dropdown {

	vertical-align: middle;

	-webkit-transition: fill 0.2s ease-in-out;

	transition: fill 0.2s ease-in-out;

	fill: #3c1a3f;

	}

#toggle-mob-cart.isopened{

	height: 0;

	visibility:hidden;

	overflow: hidden;

	-ms-transition: all 0.4s ease-in-out;

	-webkit-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	}

a.back-btn{float:none; display:inline-block; vertical-align:middle;}

.contact-editor{margin-top:10px;}



.tooltip{ right:-15px;}

.tooltip:after {

    content: "";

    position: absolute;

    top: 100%;

    right: 24px;

    width: 0;

    border: 6px solid transparent;

    border-top-color: rgba(51,51,51,0.9);

}



.ty-coupon-col{max-width:100%;}



}





@media only screen and (max-width:749px){

	

.top-header{padding: 10px 0;}

.logo{ width: 130px;margin-top: 0;}

.secure-lock{ margin-top:0;}

.secure-lock img {width: 34px;}

.viewBx{ margin-top:0;padding: 8px 8px 7px;}

.view-box-col1,.view-box-col1 img{width: 24px; height: 24px;}

.view-box-col1 span{font-size: 14px;line-height: 25px;}

.view-box-col2 { width: calc(100% - 24px); padding-left: 8px; font-size: 11px; line-height: 16px; letter-spacing:0.2px;}



.paypal-box{margin-top: 20px; padding: 15px 10px 15px;}

.paypalbtn, .pay-btn{ height:45px;}

.pay-btn img {margin-top: 9px;width: 40px;}

.paypalbtn img { height:20px;margin-top: 6px;}



.cp-contact, .cp-prospect{ margin-top:30px;}

.chk-head{font-size: 20px;line-height: 22px;}

.label-checkbox{ font-size:13px; line-height:20px;margin-top: 20px;}


.all-checkbox,
.insurance_check,
.fitnessXr_check{width: 18px;  height: 18px; margin-top:0; margin-right:5px;}

.all-checkbox:after,
.insurance_check:after,
.fitnessXr_check:after{width: 14px; height: 14px;left: 1px; top: 2px;}



.frm-flds.half-fld, .frm-flds.drop-fld, .frm-flds.zip-fld,.frm-flds.city-fld {width: 100%;margin-right: 0;}

.alternate-payment-opt{font-size: 1em;}

.input-flds, .selcet-fld{ font-size:15px;}





.chk-subheading{font-size: 15px; line-height: 18px; letter-spacing:0.3px;}

.payment-flds-box{padding: 12px 15px;}

.payment-field label{ font-size:14px;}

.security-text{font-size: 11px;  line-height: 13px;}



.frm-submit{padding: 10px 10px 12px;}

.frm-submit span{ font-size:23px;}

.frm-submit p {font-size: 10px;line-height: 12px;margin-top: 3px;}



.postalBox{width:100%; margin-top: 15px;}

.us-logo {width: 140px;}

.postalBox p{width: calc(100% - 150px); font-size:14px; line-height:20px; margin-left:5px; padding-left:8px;}

.mob-us-logo{ position:absolute; top:7px; left:0;}

	

.grnty-seal{ width:60px;}

.guaranty-row p {width: calc(100% - 60px); padding-left: 10px; font-size: 13px; line-height: 20px;}



.review-box,.choose-box{ margin-top:40px;}

.s6-testi-head{ font-size:18px; line-height:20px;}

.s6-testi-nm{ font-size:16px; line-height:18px; margin-top:25px;}

.s6-t-para{ font-size:15px; line-height:21px;}

.brand-img {margin: 35px auto 0;max-width: 95%;}

.guty-logo {margin: 30px auto 0;}



.prod-img {width: 50px;}

.odr-rgt {width: calc(100% - 60px);}

.ord-title{font-size: 13px; line-height: 17px;}

.ord-title strong { font-size: 15px; margin-bottom: 6px;}





.footer{ margin-bottom:0;}

.footer p { font-size:14px; line-height:23px;}

.footer p a{padding:0 7px 0 0;}

.footer p a:last-child{padding-right:0;}





}



/*CSS FOR MODAL*/

/* #app_common_modal,

#error_handler_overlay{position:fixed;top:0;left:0;padding:0;margin:0;width:100%;height:100%;z-index:2147483647;background:#333;background:rgba(255, 255, 255, .8);display:none;overflow-x:hidden;-webkit-overflow-scrolling:touch}

#app_common_modal .app_modal_body,

#error_handler_overlay .error_handler_body{max-width:600px;-webkit-background-clip:padding-box;font-family:Verdana, Geneva, sans-serif;box-sizing:border-box;outline:0}

#error_handler_overlay .error_handler_body{margin:100px auto;width:95%;padding:20px;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);font-size:14px;line-height:1.42857143;color:#333;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

#app_common_modal_close,

#error_handler_overlay_close{position:absolute;right:-10px;top:-10px;color:#FFF;background-color:#333;border:2px solid #FFF;border-radius:50%;width:30px;height:30px;text-align:center;cursor:pointer;text-decoration:none;font-weight:700;line-height:26px;padding:0;margin:0}

#app_common_modal .app_modal_body{margin:100px auto;min-width:inherit;width:95%;min-height:400px;padding:2.5%;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);font-size:14px;line-height:1.42857143;color:#333;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box}

#app_common_modal .app_modal_body iframe{min-height:400px;width:100%;border:1px solid #d5d6ef} */

.exitpop-content{position:fixed;height:400px;width:708px;margin:-200px 0 0 -354px;top:50%;left:50%;text-align:left;padding:0;border:none;z-index:2147483647}

.exitpopup-overlay{background:rgba(0, 0, 0, .6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:2147483647;display:none}

.exitpop-content img{display:block;margin:0 auto;position:relative;text-align:center;max-width:100%;height:auto}

.exitpop-discountbar{background-color:red;border-bottom:4px dashed #fff;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:700;height:50px;line-height:50px;position:fixed;text-align:center;top:0;width:100%;z-index:9999;display:none}

.app-load-spinner{display:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100px;height:100px;margin:auto;background-color:#333;border-radius:100%}

#loading-indicator::after,

#loading-indicator::before{box-sizing:border-box;left:50%;position:absolute;top:50%}

.all-card-types li{float:left;margin-right:20px}

#loading-indicator{background-color:rgba(0, 0, 0, .5);bottom:0;box-sizing:border-box;font-size:1px;height:100%;left:0;margin:0!important;padding:0!important;position:fixed;right:0;top:0;width:100%;z-index:2147483646}

#loading-indicator::before{background:url(../images/loading.gif) center center no-repeat rgba(0, 0, 0, 0);content:"";height:70px;margin-left:-35px;margin-top:-70px;width:70px;z-index:2}

#loading-indicator::after{background:#fff;border-radius:5px;color:#000;content:"Processing, one moment please... ";font-family:arial;font-size:17px;height:110px;line-height:98px;margin-left:-150px;margin-top:-75px;padding-top:35px;text-align:center;width:300px;z-index:1}



@-webkit-keyframes scaleout{

0%{-webkit-transform:scale(0)}

100%{-webkit-transform:scale(1);opacity:0}

}



@keyframes scaleout{

0%{transform:scale(0);-webkit-transform:scale(0)}

100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}

}





/* @media screen and (max-device-width:767px) and (orientation:landscape){#app_common_modal .app_modal_body, #error_handler_overlay .error_handler_body{margin:20px auto;}

#app_common_modal .app_modal_body iframe{min-height:360px;}

}





@media(max-device-width:767px){#app_common_modal .app_modal_body{margin:2% auto}} */


.apayRadioBtn {
	text-align: left;
    display: flex;
    align-items: center;
    padding-left: 15px;
}
.apayRadioBtn svg {
	width: auto;
    height: 59px;
}
.apple-pay {
	padding: 0 15px 15px;
}

.apayRadioBtn label.paymybtn{
	text-align: left;
    display: flex;
    align-items: center;
}


.frm-flds.half-fld.state-bill{
	position: relative;
}

.frm-flds.half-fld.state-bill img.drpdwn{
	position: absolute;
	top: 50%;
	right: 27px;
	transform: translateY(-50%);
	pointer-events: none;
}

#app_common_modal,
#error_handler_overlay,
.error_handler_overlay {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  background: #333;
  background: rgba(255, 255, 255, 0.8);
  display: none;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

#app_common_modal .app_modal_body,
#error_handler_overlay .error_handler_body,
.error_handler_overlay .error_handler_body {
  max-width: 600px;
  -webkit-background-clip: padding-box;
  font-family: Verdana, Geneva, sans-serif;
  box-sizing: border-box;
  outline: 0;
}

#error_handler_overlay .error_handler_body,
.error_handler_overlay .error_handler_body {
  margin: 0vh auto;
  width: 95%;
  padding: 20px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  /* position: relative; */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  min-height: inherit;
  max-height: 80vh;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}

#app_common_modal_close,
#error_handler_overlay_close,
.error_handler_overlay_close {
  position: absolute;
  right: -10px;
  top: -10px;
  color: #fff;
  background-color: #333;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  font-weight: 700;
  line-height: 30px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error_handler_overlay_close:hover {
  text-decoration: none;
  color: #fff;
}

#app_common_modal .app_modal_body {
  /* margin: 100px auto; */
  min-width: inherit;
  width: 95%;
  /* min-height: 400px; */
  padding: 2.5%;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: 10vh auto;
  min-height: inherit;
  height: 80vh;
}

#error_handler_overlay .error_handler_body ul,
.error_handler_overlay .error_handler_body ul {
  margin: 0;
  padding: 0;
  text-align: left;
}

#error_handler_overlay .error_handler_body ul li,
.error_handler_overlay ul li {
  font-size: 14px;
}

#app_common_modal .app_modal_body iframe {
  min-height: 100%;
  width: 100%;
  border: 1px solid #d5d6ef;
  display: block;
}


/*landscape codebase popup issue fixing:*/
@media only screen and (orientation: landscape) {
	#app_common_modal .app_modal_body {
	  margin: 10vh auto;
	  min-height: inherit;
	  height: 80vh;
	}
  
	#app_common_modal .app_modal_body iframe {
	  min-height: inherit;
	  height: 100%;
	}
	#error_handler_overlay .error_handler_body ul {
	  overflow-y: auto;
	  height: 100%;
	  flex-direction: column;
	  max-height: calc(80vh - 40px);
	}
	#error_handler_overlay .error_handler_body {
	  margin: 0vh auto;
	  min-height: inherit;
	  max-height: 80vh;
	  left: 50%;
	  top: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  -moz-transform: translate(-50%, -50%);
	  -o-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  position: absolute;
	}
  }
  
  #app_common_modal_close,
  #error_handler_overlay_close {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
  }
  
  @media only screen and (max-width: 576px) and (orientation: portrait) {
	#app_common_modal .app_modal_body iframe {
	  min-height: 65vh;
	}
	#app_common_modal .app_modal_body {
	  min-height: 0;
	  height: auto;
	  margin: 16.25vh auto 0;
	}
  }
  
  .ingred_box {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,.65);
	overflow: hidden;	
	opacity: 0;
	visibility: hidden;
	transition: transform 0.3s ease-in-out;
}
.ingred_box.show {	
	opacity: 1;
	visibility: visible;
}
.ingred_box .wrap-body {
	position: relative;
	transform: translateY(-100%);
    transition: transform 0.45s ease-in-out;
}
.ingred_box.show .wrap-body {
	transform: translateY(0);
}
.ingred_box a.close_i {
	position: absolute;
	right: -15px;
	top: -15px;
	background: #000;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	border: 2px solid #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,.35);
	font-weight: bold;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ingred_box img {
	max-width: 80vw;
	max-height: 90vh;
}

.product-selection {
	display: flex;
	flex-direction: column;
}
.product-selection .product.product1 {
	order: 2;
}
.product-selection .product.product2 {
	order: 1;
}

.imp_text {
	clear: both;
    display: block;
    color: red;
    text-align: left;
    padding-top: 3px;
    animation: blink 2s infinite;
}
@keyframes blink{
	50% {
    opacity: 0.0;
}
}

/* -----Agree Pop Up------------- */

.custom-model-main {
	text-align: center;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* z-index: 1050; */
	-webkit-overflow-scrolling: touch;
	outline: 0;
	opacity: 0;
	-webkit-transition: opacity 0.15s linear, z-index 0.15;
	-o-transition: opacity 0.15s linear, z-index 0.15;
	transition: opacity 0.15s linear, z-index 0.15;
	z-index: -1;
	overflow-x: hidden;
	overflow-y: auto;
}

.model-open {
	z-index: 99999;
	opacity: 1;
	overflow: hidden;
}

.custom-model-inner {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: -webkit-transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	display: inline-block;
	vertical-align: middle;
	width: 450px;
	margin: 30px auto;
	max-width: 97%;
}

.custom-model-wrap {
	display: block;
	width: 100%;
	position: relative;
	/* background: url('../images/sparkle-confetti.gif'), #ffffff; */
	background-size: contain;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	/*-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);*/
	/*box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);*/
	background-clip: padding-box;
	outline: 0;
	text-align: left;
	/* padding: 20px 25px; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: calc(100vh - 70px);
	overflow-y: auto;
	text-align: center;
}

.custom-model-wrap img {
	width: 100%;
	/* margin-bottom: 10px; */
}

.custom-model-wrap p {
	font-size: 20px;
	color: #353535;
	margin: 0;
}

.model-open .custom-model-inner {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	position: relative;
	z-index: 999;
}

.model-open .bg-overlay {
	background: rgba(0, 0, 0, 0.6);
	z-index: 99;
}

.bg-overlay {
	background: rgba(0, 0, 0, 0);
	height: 100vh;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	-webkit-transition: background 0.15s linear;
	-o-transition: background 0.15s linear;
	transition: background 0.15s linear;
}

.close-btn {
	position: absolute;
	right: -7px;
	top: -12px;
	cursor: pointer;
	z-index: 99;
	font-size: 23px;
	color: #fff;
	width: 23px;
	height: 23px;
	line-height: 23px;
	background: #000;
	border-radius: 5px;
}


.product-wrapper p {
	font-size: 17px;
}

.btn-wrapper{
	position: absolute;
    bottom: 50px;
    right: 50px;
    width: 220px;
}

/* .btn-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 13px 0 0;
	gap: 10px;
} */

.product-text h2 {
	margin: 5px 0;
}

.pop-btn {
	width: 100%;
	background: #000;
	color: #fff;
	padding: 11px 0;
	text-decoration: none;
	border-radius: 3px;
}


.pop-btn.green-btn {
	background: #3eb439;
}

.product-text h5 {
	font-size: 14px;
	line-height: 1.5;
}


@media screen and (min-width:800px) {
	.custom-model-main:before {
		content: "";
		display: inline-block;
		height: auto;
		vertical-align: middle;
		margin-right: -0px;
		height: 100%;
	}
}

@media screen and (max-width:799px) {
	.custom-model-wrap {}

	.custom-model-inner {
		position: absolute !important;
		margin-top: 45px;
		width: 90%;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%) !important;
	}
}