@charset "utf-8";

/* CSS Document */

/*.affix1 {

    top:300px;

    position: fixed;

	background-color:white;

	z-index:777;

	right:0px;

}*/







.stick {

    margin-top: 0 !important;

    position: fixed;

    top: 55px;

	margin-left:879px;

    z-index: 1;

	width:300px;

	background-color:#FFFFFF;

	transition:ease-in-out;

   /* border-radius: 0 0 0.5em 0.5em;*/

}



.login-msgstyle{

	width:100%;

	float:left;

	color:#FF0000;

	text-align:center;

	font-size:13px;

}

.placeoredrBTN{

	width:220px;

	height:35px;

	float:right;

	background-color:#000000;

	color:#FFFFFF;

	text-align:center;

	font-size:12px;

	border-radius:2px;

	letter-spacing:2px;

	line-height:35px;

	border:1px solid #000000;

}

.placeoredrBTN:hover{

	background-color:#fff;

	color:#000;

	transition:background-color 0.3s ease-in-out;

	transition:color 0.3s ease-in-out;

}

.cartBG{

	border:1px solid #D7D5D7;

	/*border-bottom:none;*/

	margin-top:4%;

	padding:2% 2% 0% 2%;

	background-color:#FFFFFF;

}

.catHEAD{

	text-align:center;

	padding-bottom:2%;

	border-bottom:1px solid #D7D5D7;

	letter-spacing:1px;

	font-size:13px;

}

.prd_dtls h2{

	font-size:16px;

	color:#000000;

}

.prd_dtls p{

	font-size:12px;

	line-height:20px;

}

.selectQTY{

	border:1px solid #D7D5D7;

	background-color:#E8E8EA;

	width:60px;

	height:25px;

	margin:20% 30%;

	text-align:center;

}

.prdctprice{

	text-align:center;

	font-size:16px;

	margin-top:3%;

}

.remove-desktop{

	text-align:center;

	cursor:pointer;

}

.remove-mob{

	text-align:center;

	font-size:14px;

	color:#000000;

	display:none;

}

.totalTXT{

	font-size:16px;

	padding:2% 0%;

	text-align:center;

	border-bottom:1px solid #D7D5D7

}

.totlades{

	display:block;

}

.continueBTN{

	float:left;

	color:#FFFFFF;

	font-size:14x;

	letter-spacing:2px;

	background-color:#d01d3d;

	border-radius:2px;

	width:240px;

	text-align:center;

	line-height:35px;

	border:1px solid #d01d3d;

	font-weight:600;

}

.continueBTN:hover{

	color:#000;

	background-color:#fff;

	border:1px solid #000000;

	transition:background-color 0.3s ease-in-out;

	transition:color 0.3s ease-in-out;

}

.logBOX{

	width:40%;

	height:auto;

	margin:auto;

	padding:5px 25px;

	box-shadow:0px 0px 10px 5px rgba(223 , 218, 218, 0.7);

	background-color:#FFFFFF;

}

.logBOX h1{

	font-size:20px;

	text-align:center;

}

.logBOX p{

	text-align:center;

	font-size:13px;

	text-transform:uppercase;

}

.forgotTXT{

	text-align:right;

	font-size:12px;

	padding-right:35px;

	margin-top:3px;

}

.submit-btn{

	width:100%;

	/*float:left;*/

	height:40px;

	background-color:#ed1b24;

	font-size:12px;

	color:#FFFFFF;

	text-align:center;

	border:1px solid #ed1b24;

	border-radius:2px;

	line-height:30px;

	cursor:pointer;

	margin-right:5%;

	margin-top:15px;

	margin-bottom:8%;

	font-weight:600;

	padding:0px;

}



.submit-btn:hover{

	

	border:1px solid #333333;

	color:#FFF;

background-color:#333333;
	-webkit-transition: background-color 0.3s ease-in-out;
	   -moz-transition: background-color 0.3s ease-in-out;
	    -ms-transition: background-color 0.3s ease-in-out;
	     -o-transition: background-color 0.3s ease-in-out;
	        transition: background-color 0.3s ease-in-out;

}


.preview_img_maindiv{
float:left;
width:100%;
height:auto;
}

.login_preview_img{
width:150px;
height:auto;
margin:0px auto;
}












.or{

	width:auto;

	height:auto;

	float:right;

	position:absolute;

	right:-20px;

	margin-top:-150px;

	color:#000000;

	background-color:#FFFFFF;

	padding:8px;

	font-size:14px;

	border-radius:10px;

}

.social_log{

	width:70%;

	margin:auto;

}

.facebook{

	width:100%;

	float:left;

	background-color:#48629b;

	color:#FFFFFF;

	text-align:center;

	font-size:14px;

	line-height:45px;

}

.google{

	width:100%;

	float:left;

	background-color:#dc4b38;

	color:#FFFFFF;

	text-align:center;

	font-size:14px;

	line-height:45px;

	margin-top:15px;

}

.rightborder{

	border-right:1px solid #e6e5e5; 

}

.modal_heading{

	font-size:18px;

	width:80%;

	float:left;

}

.modal-body p{

	width:100%;

	float:left;

	font-size:16px;

	text-align:center;

	margin:5px 0px;

	color:#000000;

	text-transform:none;

}

.modal_form{

	width:70%;

	margin:auto;

}

.labelTXT{

	width:auto;

	float:left;

	padding-left:15px;

	font-size:15px;

	color:#666666;

	margin-top:25px;

	padding-left:4%;

}

.optionBOX{

	width:80%;

	float:left;

}



.addressBG{

	width:100%;

	float:left;

	margin-top:2%;

}



/*==============css for radio button and checkbox==========*/







.radio{

  list-style: none;

  height: 100%;

  width: 100%;

  margin: 0;

  padding: 0;

}





.radio li{

  color: #AAAAAA;

  display: block;

  position: relative;

  float: left;

  width:130px;

  height: auto;

}



.radio li input[type=radio]{

  position: absolute;

  visibility: hidden;

}



.radio li label{

  display: block;

  position: relative;

  font-weight: 300;

  font-size: 15px;

  padding: 20px 25px 25px 60px;

  margin: 10px auto;

  height: 30px;

  z-index: 9;

  cursor: pointer;

  -webkit-transition: all 0.25s linear;

}



.radio li:hover label{

	color: #000;

}



.radio li .check{

  display: block;

  position: absolute;

  border: 2px solid #AAAAAA;

  border-radius: 100%;

  height: 25px;

  width: 25px;

  top: 30px;

  left: 20px;

	z-index: 5;

	transition: border .25s linear;

	-webkit-transition: border .25s linear;

}



.radio li:hover .check {

  border: 2px solid #000;

}



.radio li .check::before {

  display: block;

  position: absolute;

	content: '';

  border-radius: 100%;

  height: 15px;

  width: 15px;

  top: 3px;

	left: 3px;

  margin: auto;

	transition: background 0.25s linear;

	-webkit-transition: background 0.25s linear;

}



input[type=radio]:checked ~ .check {

  border: 2px solid #000;

}



input[type=radio]:checked ~ .check::before{

  background: #000;

}



input[type=radio]:checked ~ label{

  color: #000;

}

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

.checkboxDIV{

	color:#666666;

	display:block;

	position:relative;

	float:left;

	width:auto;

	height:auto;

}



.checkboxDIV input[type=checkbox]{

	position:absolute;

	visibility:hidden;

}

.checkboxDIV label{

  display: block;

  position: relative;

  font-weight: 300;

  font-size: 15px;

  padding: 0px 5px 5px 30px;

  margin: 10px auto 0px auto;

 

  height: 30px;

  z-index: 9;

  cursor: pointer;

  -webkit-transition: all 0.25s linear;

  color:#666666;

}

.checkboxDIV  .check_div{

  display: block;

  position: absolute;

  border: 2px solid #AAAAAA;

  border-radius:2px;

  height: 18px;

  width: 18px;

  top: 12px;

  left: 0px;

	z-index: 5;

	transition: border .25s linear;

	-webkit-transition: border .25s linear;

	

}

.checkboxDIV  .check_div::before{

	display:block;

	position:absolute;

	content:'✔';

	color:#fff;

	top:0px;

	left:2px;

	line-height:15px;

	text-align:center;

	font-size:12px;

	margin: auto;

	transition: background 0.25s linear;

	-webkit-transition: background 0.25s linear;

}

input[type=checkbox]:checked ~ .check_div {

   border: 2px solid #000;

   background: #000;

}

input[type=checkbox]:checked ~ .check_div::before {

 color:#FFFFFF;

}

input[type=checkbox]:checked ~ .label {

 color:#000;

}







.step{

	position:relative;

}

.icon1{

	width:50px;

	height:50px;

	margin:0px auto;

	background-color:#FF6600;

	color:#FFFFFF;

	font-size:25px;

	text-align:center;

	line-height:40px;

	border-radius:50px;

	padding-top:5%;

	z-index:1;

	position:relative;

}

.deselect{

	background-color:#e4e2e2;

	color:#999999;

	border:1px solid #cccbcb;

}

.selected .icon1 {

	background-color:#7abb4f;

	border:1px solid #7abb4f;

}

.step::after{

	content:'';

	width:50%;

	height:5px;

	border-top:1px solid #FF6600;

	border-bottom:1px solid #FF6600;

	background-color:#FF6600;

	position:absolute;

	right:0px;

	top:23px;

}

.selected::after{

	border-top:1px solid #7abb4f;

	border-bottom:1px solid #7abb4f;

	background-color:#7abb4f;

}

.step1{

	position:relative;

}

.step1::before{

	content:'';

	width:50%;

	height:5px;

	border-top:1px solid #cccbcb;

	border-bottom:1px solid #cccbcb;

	background-color:#e4e2e2;

	position:absolute;

	left:0px;

	top:23px;

}

.step1::after{

	content:'';

	width:50%;

	height:5px;

	border-top:1px solid #cccbcb;

	border-bottom:1px solid #cccbcb;

	background-color:#e4e2e2;

	position:absolute;

	right:0px;

	top:23px;

}

.selected::after{

	border-top:1px solid #7abb4f;

	border-bottom:1px solid #7abb4f;

	background-color:#7abb4f;

}

.selected::before{

	border-top:1px solid #7abb4f;

	border-bottom:1px solid #7abb4f;

	background-color:#7abb4f;

}

.select::before{

	border-top:1px solid #FF6600;

	border-bottom:1px solid #FF6600;

	background-color:#FF6600;

}

.select::after{

	border-top:1px solid #FF6600;

	border-bottom:1px solid #FF6600;

	background-color:#FF6600;

}



.step2{

	position:relative;

}

.step2::before{

	content:'';

	width:50%;

	height:5px;

	border-top:1px solid #cccbcb;

	border-bottom:1px solid #cccbcb;

	background-color:#e4e2e2;

	position:absolute;

	left:0px;

	top:23px;

}

.select::before{

	border-top:1px solid #FF6600;

	border-bottom:1px solid #FF6600;

	background-color:#FF6600;

}

.step_content{

	width:100%;

	float:left;

}

.step_title{

	width:100%;

	float:left;

	font-size:13px;

	text-align:center;

	color:#000000;

}

.formBOX{

	margin-top:4%;

}

.formBOX h3{

	font-size:22px;

	border-bottom:1px solid #CCCCCC;

	line-height:40px;

}

.revieworder{

	width:100%;

	float:left;

	margin-top:3%;

}

.qty1{

	margin-top:20%;

	text-align:center;

	width:100%;

	float:left;

}

.title{

	font-size:22px;

	text-align:center;

	line-height:45px;

	border-bottom:1px solid #CCCCCC;

}

.orderBOX{

	width:100%;

	float:left;

	margin-top:30px;

	padding-bottom:10px;

	border-bottom:1px solid #CCCCCC;

}

.orderTXT{

	font-size:13px;

	text-align:left;

	margin-bottom:8px;

}

.orderprice{

	font-size:15px;

	text-align:right;

	margin-bottom:8px;

}

.totalBG{

	width:100%;

	float:left;

	margin-top:15px;

}

.couponTXT{

	font-size:14px;

	/*margin-top:15px;*/

}

.couponBox{

	padding:3px 5px;

	border:2px solid #000000;

	border-radius:2px;

	color:#000000;

	font-size:12px;

	cursor:pointer;

}

.couponBox:hover{

	background-color:#000000;

	color:#FFFFFF;

	transition:background-color 0.3s ease-in-out;

	-webkit-transition:background-color 0.3s ease-in-out;

	transition:color 0.3s ease-in-out;

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

}

.couponBG{

	width:600px;

	float:left;

	margin-top:5px;

}





.checkout_bg{

	width:100%;

	float:left;

}



.addressBox{

	width:18%;

	float:left;

	border:1px solid #CCCCCC;

	padding:1%;

	font-size:12px;

	color:#666666;

	margin:1%;

	line-height:16px;

}

.error_msg{

	width:100%;

	float:left;

	text-align:left;

	color:#FF0000;

	font-size:11px;

	padding-left:10px;

	font-style:italic;

	margin-top:-3px;

}



/*================accordion effect===============================*/

.head_accordion{

	width:100%;

	float:left;

	padding:12px 6px;

	border:1px solid #e1e1e1;

	border-radius:3px;

	margin-bottom:5px;

	background-color:#FFFFFF;

}

.done_icon{

	width:auto;

	height:auto;

	float:left;

	background-color:#7ABB4F;

	color:#FFFFFF;

	font-size:12px;

	border-radius:20px;

	text-align:center;

	padding:3px;

	margin-right:20px;

	margin-top:2px;

}

.accordionname{

	width:30%;

	float:left;

	font-size:15px;

	color:#333333;

	text-align:left;

}

.accordionTXT{

	width:30%;

	height:auto;

	float:left;

	font-size:13px;

	color:#666666;

	text-align:left;

}

.edit_icon{

	width:80px;

	float:right;

	color:#999999;

	text-align:right;

	cursor:pointer;

}

.active{

	background-color:#333333;

	margin-bottom:-1px;

	cursor:pointer;

}

.active .done_icon{

	opacity:0;

}

.active .accordionname{

	color:#FFFFFF;

	font-size:17px;

	font-weight:600;

}

.active > .accordionTXT{

	display:none;

}

.active > .edit_icon{

	opacity:0;

}

 

.checkout_content{

	width:100%;

	height:auto;

	float:left;

	border:1px solid #e1e1e1;

	display:none;

	margin-bottom:5px;

	background-color:#FFFFFF;

}

.active + .checkout_content{

	display:block;

}

.deactive{

	border:1px solid #e9e9ea;

	cursor:default;

}

.deactive .done_icon{

	opacity:0;

}

.deactive .accordionname{

	color:#CCCCCC;

	font-size:14px;

}

.deactive > .accordionTXT{

	display:none;

}

.deactive > .edit_icon{

	opacity:0;

}



.afterfillup{

	border:1px solid #e9e9ea;

	cursor:default;

}

.afterfillup .done_icon{

	opacity:0;

}

.afterfillup .accordionname{

	color:#CCCCCC;

	font-size:14px;

}

.afterfillup > .accordionTXT{

	color:#CCCCCC;

}

.afterfillup > .edit_icon{

	opacity:0;

}

.empty{

	color:#FF0000;

	text-align:center;

	

}

.summeryBOX{

	display:block;

	/*width:100%;

	float:left;*/

}

.summeryMOB{

	display:none;

}

.form_discount{

	width:100%;

	float:left;

	/*margin-top:1%;

	padding-left:3%;*/

}

.payment_TXT{

	width:100%;

	float:left;

}

.payment_TXT ul{

	padding:0px;

	margin:0px;

}

.payment_TXT ul li{

	list-style:inside;

	font-size:14px;

	margin-bottom:15px;

	color:#666666;

}

.couponTXTbox{

	width:100%;

	height:25px;

	font-size:13px;

	float:left;

	border-bottom:1px solid #CCCCCC;

}

.gift_width{

	width:38%;

	float:left;

	margin-right:3%;

}




.new_cart_maindiv {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 30px;
}


.new_cart_leftdiv {
    float: left;
    width: 70%;
    padding-right: 3%;
    border-right: 1px solid #c0c0c0;
}


.new_cartdiv {
    float: left;
    width: 100%;
    padding: 2%;
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    box-shadow: 0 0 3px rgba(25,25,25,0.1);
}

.new_cart_img {
    width: 20%;
    height: auto;
    float: left;
    padding-right: 3%;
}

.new_cartdetails_div {
    float: left;
    width: 78%;
    height: auto;
}


.cart_prd_title {
    float: left;
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 18px;
    color: ##000000;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 7px;
    margin-bottom: 10px;
}


.cart_product-code {
    font-size: 14px;
    line-height: 18px;
    color: #707070;
    display: block;
    letter-spacing: .04em;
}

.cart_prd_description {
    float: left;
    width: 100%;
    height: auto;
    text-align: justify;
    font-size: 13px;
    color: #252525;
    padding-bottom: 8px;
}


.price_qty_maindiv {
    float: left;
    width: 100%;
    height: auto;
    padding: 7px 0px;
    border-top: 1px solid #ebebeb;
}


.new_cart_price_div {
    float: left;
    width: auto;
    height: auto;
    padding-right: 10px;
    text-align: left;
    color: #252525;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;

}

.new_cart_price_div:after {
    content: ' |';
    color: #8e8e8e;
    font-weight: 100;
    width: 1px;
    margin-left: 10px;
}


.cart_remove_div {
    float: left;
    width: auto;
    height: auto;
    font-size: 15px;
     line-height: 24px;
    color: #FF0000;
}


.new_cart_rightdiv {
    float: left;
    width: 27%;
    padding-left: 3%;
}


.order_summery_heading {
    float: left;
    width: 100%;
    color: #707070;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: .06em;
    margin-bottom: 10px;
    text-transform: uppercase;

}


.total_prd_div {
    float: left;
    width: 100%;
    padding: 10px 0px 15px 0px;
    border-bottom: 2px dashed #ebebeb;
    color: #707070;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
}

.place_order_new_div {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.btn1{
	width:160px;
	height:auto;
	float:left;
	background-color:#ed1b24;
	text-align:center;
	color:#FFFFFF;
	
	font-size:14px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor:pointer;
	padding:6px 0%;
}
.btn1:hover{
	background-color:#333333;
	-webkit-transition: background-color 0.3s ease-in-out;
	   -moz-transition: background-color 0.3s ease-in-out;
	    -ms-transition: background-color 0.3s ease-in-out;
	     -o-transition: background-color 0.3s ease-in-out;
	        transition: background-color 0.3s ease-in-out;
}



.new_question_div {
    float: left;
    width: 100%;
    padding: 10px 0 0;
    font-size: 15px;
    line-height: 23px;
    font-weight: 200;
    color: #707070;
}








@media (max-width: 991px) {
    
 .new_cart_leftdiv{
float:left;
width:100%;
padding-right:0%;
border-right:0px solid #a1a1a1;
}

.new_cart_img {
    width: 30%;
    height: auto;
    float: left;
    padding-right: 3%;
}

.new_cartdetails_div {
    float: left;
    width: 68%;
    height: auto;
}

.new_cart_rightdiv{
float:left;
width:100%;
padding-left:0%;
margin-top:20px;
} 
      

.catHEAD{

		display:none;

}

.selectQTY{

	margin:6% 0%;

}

.prdctprice{

	margin-top:0%;

}

.rightborder{

	border:none;

}

.or{

	display:none;

}

.social_log{

	width:96%;

	margin:0px;

	float:left;

	padding:2%;

}

.facebook{

	margin-top:4%;

}



}

@media (max-width: 767px) {

.prdctprice{

	text-align:left;

}

.remove-desktop{

	display:none;

}

.remove-mob{

	display:block;

	text-align:center;

	padding:5px;

	border:1px solid #000000;

	width:70px;

	cursor:pointer;

	font-size:12px;

}

.totlades{

	width:auto;

	display:none;

}

.summeryBOX{

	display:none;

}

.summeryMOB{

	width:100%;

	display:block;

	float:left;

	height:auto;

	position:fixed;

	bottom:0px;

	margin-left:0px;

	background-color:#ed1c24;

	z-index:1000;

	color:#FFFFFF;

	font-size:16px;

}

.summeryinside{

	width:94%;

	float:left;

	margin:2% 3%;

}

.totalBOX{

	padding:5px 0px;

}

.price_txt{

	width:60%;

	float:left;

	text-align:right;

}

.hideprice{

	width:100%;

	float:left;

	padding-bottom:5px;

	border-bottom:1px solid #FFFFFF;

	margin-bottom:8px;

}



}

@media (max-width: 576px) {

.continueBTN{

	width:100%;

	float:left;

	margin-bottom:20px;

}

.addressBox{

	width:44%;

}

}

@media (max-width: 550px) {

	.done_icon{

		display:none;

	}

	.head_accordion{

		padding:5px 10px;

	}

	.accordionname{

		width:100%;

		margin-bottom:5px;

	}

	.active .done_icon {

		display:none;

	}

	.active > .edit_icon{

		display:none;

	}

	.accordionTXT{

		width:70%;

	}

}



@media (max-width: 480px) {

	

.radio li label {

    padding: 20px 25px 10px 60px;

}	

	

.logBOX{

	width:90%;

	padding:5px 10px;

	box-shadow:none;

}

.placeoredrBTN{

	display:none;

}



}