@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#fff;
	color:#000;
	text-align:center;	
	font-family: 'Poppins', sans-serif;
	overflow-x: hidden;
	font-size:14px;
	letter-spacing:0.7px;
	}
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; color:#6ecddd; text-decoration:none;}
img {border:none;}
li {list-style:none;}
*{box-sizing:border-box;}
.img-full{max-width:100%;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}

select{
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	}

	
/*-----------------------
MAIN CSS START
------------------------*/
.for-desk{}
.for-mob{display:none;}

html, body {
    margin: 0;
    width: 100%;
    height: 100%;
	}

.container{
    width: 100%;
	max-width:1170px;
	margin:0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	}	
	
.lft-chk{
	width: 52%;
    padding-right: 30px;
	float:left;
	padding-top:70px;
	position:relative;
	padding-bottom:140px;
	}
	

.right-chk:after{
	content: "";
	display: block;
	width: 300%;
	position: absolute;
	top: 0;
	left:0;
	bottom: 0;
	background: #f6f6f6;
	z-index: -1;
	}
		
/*-----------------------
CSS FOR UPSELL SEC1
-------------------------*/
.logo-box{
	float: left;
	width: 100%;
	text-align:center;
	}
.logo{
	display:inline-block;
	vertical-align:middle;
	}
.viewBx{
	float:left;
	width:100%;
	background:#fdf3f1;
	border:2px solid #ebb5ac;
	margin-top:30px;
	padding:12px 5px;	
	}
.viewBx img{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	}
.viewBx p{
	display:inline-block;
	vertical-align:middle;
	color:#000;
	font-size:18px;
	line-height:20px;
	letter-spacing:1px;
	}
.viewBx p span{
	color:#ff0000;
	font-weight:bold;
	}

.cp-contact, .cp-prospect, .cp-shipping{
	float:left;
	width:100%;
	margin-top:35px;
	}

.heading-box{
	float:left;
	width:100%;
	margin-bottom:10px;
	}
.chk-head{
	float: left;
	font-weight:400;
	color: #000000;
	font-size: 21px;
	line-height: 24px;
	text-align: left;
	}
.chk-subheading{
	float:left;
	width:100%;
	color: #545454;
	font-size:13px;
	text-align:left;
	}
.frm-flds{
	float:left;
	width:100%;
	position:relative;
	margin:9px 0;
	}
.frm-flds.fl{float:left;}
.frm-flds.fr{float:right;}
.frm-flds.half-fld{width:49%;}
.frm-flds.drop-fld{width:34%; margin-right:1%;}
.frm-flds.zip-fld{width:30%;}
.frm-flds label{
	opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    top:6px;
    left: 10px;
    font-size: 11px;
    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 #d9d9d9;
	height:50px;
	padding:10px;
	border-radius: 5px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	box-sizing:border-box;
	font-size:15px;
	font-family: 'Acronym';
	letter-spacing:0.5px;
	-webkit-appearance:none;
	}
.selcet-fld{
	background:url(../images/select.svg) no-repeat 94% center #fff;
	padding-right:40px;
	}
.frm-flds .fl-is-active .input-flds{	
	padding-top: 20px;
	}
.frm-flds .fl-is-active .selcet-fld{	
	padding-top: 20px;
	}
.input-flds:focus{
	border:1px solid #0098fa;
	box-shadow:0 0 0 1px #0098fa;
	-webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	}
.label-checkbox{
	float:left;
	text-align:left;
	cursor:pointer;
	margin-top:10px;
	color: #000;
	font-size:15px;
	}
.all-checkbox{
	display:inline-block;
	vertical-align:middle;
	-webkit-appearance:none;
	width:20px;
	height:20px;
	border:1px solid #d9d9d9;
	border-radius:3px;
	outline:none;
	position:relative;
	margin-right:7px;
	-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;
	}
.all-checkbox:checked{
	background:#ebb5ac;
	border:1px solid #ebb5ac;
	}
.all-checkbox:after{
	content:'';
	position:absolute;
	width:18px;
	height:18px;
	background:url(../images/tik.svg) no-repeat center center;
	left:0;
	top:0;
	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{	
	-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;
	}
.all-sumbit{
	float:left;
	width:100%;
	margin-top:20px;
	}
.frm-submit{
	float:right;
	background:#0098fa;
	padding: 1.4em 1.7em;
	color:#fff;
	-webkit-appearance:none;
	border:none;
	outline:none;
	font-weight:bold;
	font-size:15px;
	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;
	}
.frm-submit:hover{
	background:#0079c7;
	-webkit-transition: all 0.2s ease-in-out 0.1s;
	transition: all 0.2s ease-in-out 0.1s;
	}
a.back-btn{
	float:left;
	color:#0098fa;
	font-size:14px;
	margin-top:25px;
	}
a.back-btn svg{fill:#0098fa;}


/*------------------------
CSS FOR SHIPPING PART
-------------------------*/
.payoptbox{
	float: left;
    width: 100%;
    border: 1px solid #d9d9d9;
	border-radius: 4px;
	position:relative;
	overflow:hidden;
	}
.payment-cards-box{
	float: left;
    width: 100%;
    padding:13px 15px 15px 15px;
	}
.payment-cards-box.open{
	border-bottom: 1px solid #d9d9d9;
	}
.payment-cards-box p{
	float:left;
	font-weight: 600;
    color: #333333;
	font-size:17px;
	}
.payment-cards-box img{
	float:right;
	}
.payment-flds-box{
	float: left;
    width: 100%;
    border-top: 1px solid #d9d9d9;
    padding:10px 15px;
	background-color: #fafafa;
	}
.lock-bg, .help-icon{
	color: #919191;
	width:17px;
	position:absolute;
	right:15px;
	top:0px;
	}
.frm-flds.card-nme-fld{
	width:46%;
	}
.frm-flds.card-sm-fld{
	width:25%;
	margin-left:2%;
	}
.paymybtn{
	float:left;
	width:40%;
	text-align:left;
	color:#000;
	font-size:17px;
	}
.packageBtn {
	display:inline-block;
	vertical-align:middle;
	margin-top:40px;
	width:460px;
    max-width: 100%;
    height:70px;
    overflow: hidden;
    color: #000;
    font-size:30px;
	position:relative;
	background:#ebb5ac;
	font-weight:bold;
	border:none;
	outline:none;
	font-family: 'Poppins', sans-serif;
	letter-spacing:1px;
	cursor:pointer;
	-webkit-appearance:none;
	transition: all 0.5s ease 0s;
	}
.packageBtn:hover{
	background:#000;
	color:#fff;
	transition: all 0.5s ease 0s;
	}
.packageBtn p{
	float:left;
	width:100%;
	text-align:center;
	line-height:60px;
	}
.btn-arw{
	position:absolute;
	right:0;
	height:100%;
	background:#ff9600;
	width:55px;
	top:0;
	}
.btn-arw:after {
    content: '';
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -10px;
    border-left: 12px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
	}
.bottom-seal{
	display:inline-block;
	vertical-align:middle;
	margin-top:30px;
	max-width:90%;
	}
	
/*----------------------
RIGHT SIDE CSS
------------------------*/
.right-chk{
	width: 48%;
	float:right;
	position:relative;
	padding:30px;
	background:#f6f6f6;
	padding-top:50px;
	}	
.orderSummry{
	float:left;
	width:100%;
	text-align:left;
	color:#000;
	border-bottom:2px solid #ebb5ac;
	font-size:24px;
	font-weight:600;
	padding:10px;
	margin-bottom:10px;
	}
.cart-sec1 {
	float:left;
	width:100%;
	}
.nt-slt {
	float: left;
	width: 100%;
	font-size: 18px;
	}
.summry-lft {
	float: left;
	width: 100%;
	}
.summry-lft-hdr, .cart-box1, .two{
	display:none!important;
	}
.summry-lft-hdr span {
	float: right;
	}
.cart-txt1 {
	font-size: 20px;
	line-height: 26px;
	color: #141414;
	font-weight: 600;
	text-align: left;
	}
.one, .two, .three, .four {
	display: inline-block;
	width: 56%;
	vertical-align: middle;
	position:relative;
	}
.two, .three, .four {
	width: 22%;
	text-align: center;
	}
.four {
	text-align: right;
	position: relative;
	}
.cart-remv {display:none;}

.cart-box2{
	padding: 10px;
	float: left;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #d2d2d2;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	color: #2d2d2d;
	}
.cart-prdname {
	float:left;
	width:100%;
	text-align:left;
	position:relative;
	}	
.cart-prd1{
	display:none;
	}	
.card-box3 {
	float: left;
	width: 100%;
	position: relative;
	}
.prd_qty, .unit-price, .sub-total {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #2d2d2d;
	display: inline-block;
	vertical-align: middle;
	}
.sub-total {
	text-align: right;
	}
.card-box3rgt {
	float: right;
	width: 100%;
	padding-top:10px;
	}
ul.cart-prclist {
	float: right;
	width: 100%;
	padding: 0;
	}
ul.cart-prclist li {
	font-size: 16px;
	line-height: 22px;
	color: #2d2d2d;
	text-align: left;
	float: left;
	width: 100%;
	padding: 6px 10px;
	}
ul.cart-prclist li:last-child {
	background:#999;
	padding: 10px 10px;
	margin-top:10px;
	color:#fff;
	font-weight:600;
	font-size:18px;
	}
ul.cart-prclist li .span1{
	float: right;
	}
.card-box4{display:none;}
.coupn{display:none;}
	
/*-----------------------
CSS FOR FOOTER
-------------------------*/
.footer{
	position:absolute;
	bottom:0;
	float:left;
	width:100%;
	padding:30px 0;
	border-top: 1px solid #e6e6e6;
	}
.footer p {
	float: left;
	width: 100%;
    color: #000;
	font-size:15px;
	}
.footer p a{
	color: #000;
	}
	
#toggle-mob-cart{
	width:100%;
	}
#toggle-mob-cart.isopened{height: auto; visibility:visible;}

@media only screen and (max-width:1180px){
.container{padding:0 15px;}
}

@media only screen and (max-width:999px){
.for-desk{display:none;}
.for-mob{display:block;}

.top-header{
	width:100%;
	padding:10px 0;
	text-align:center;
	}
.mob-logo{
	display:inline-block;
	vertical-align:middle;
	width:220px;
	}	
.container{	
	width:100%;
	max-width:560px;
	padding:0 15px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-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; padding-bottom:0;}
.right-chk{width:100%; padding-left:0; float:none; padding:0;}
.right-chk:after{left:-100%; box-shadow:none;}
.cp-contact, .cp-prospect, .cp-shipping{margin-top:25px;}

.viewBx{margin-top:20px; padding-left:10px;}
.viewBx p{width:calc(100% - 50px); text-align:left; font-size:16px;}

.devider-cp{margin:10px 0;}
.prod-img{width:55px; height:50px; line-height:45px;}
.ord-title{font-size:13px; line-height:16px;}
.prod-box{min-height:50px;}
.selcet-fld{background-position: 96% center;}

.summry-toggle-mob{	
	background: #fafafa;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 1.25em 0;
	text-align: left;
	width: 100%;
	cursor:pointer;
	}
.summry-toggle{
	float:left;
	width:60%;
	color: #000;
	font-size:14px;
	}
.order-summary-toggle__icon{
	fill: #0079c7;
	display:inline-block;
	vertical-align:middle;
	margin-right: 0.75em;
	}
.togle-price{
	float:right;
	width:40%;
	font-size: 1.28571em;
	line-height: 1em;
	color: #333333;
	text-align:right;
	}
.order-summary-toggle__dropdown {
	vertical-align: middle;
	-webkit-transition: fill 0.2s ease-in-out;
	transition: fill 0.2s ease-in-out;
	fill: #0098fa;
	}
#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;
	}

.packageBtn{margin-top:30px; font-size:22px;}
.bottom-seal{margin-top:15px;}
.rgt-img-left{width:60px;}
ul.rgt-list li{padding-left:75px;}
.rgt-txt-heading{font-size:15px; line-height:18px;}
.t-name{font-size:17px;}
.t-star{width:140px;}
.rgt-label span{background:#fff;}

.footer{padding:20px 0; margin-top:20px; position:static;}
.footer p{font-size:13px;}

.frm-flds .fl-is-active .selcet-fld{padding-top:17px;}

}

@media only screen and (max-width:749px){
.frm-flds.half-fld, .frm-flds.drop-fld, .frm-flds.zip-fld {
	width: 100%;
	margin-right: 0;
	}
}