/*========================
popup
==========================*/
.popup-Box{
	position:fixed;
	top:0;
	bottom:0;
	width:100%;
	left:0;
	background:rgba(0,0,0,0.6);
	z-index:999;	
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
	overflow: auto;
	}
.pop-content{
	float: left;
    width: 100%;
    padding: 30px 0;
	margin-top:40px;
	}		
.pop-container{
	max-width:510px;
    margin: 0 auto;
    padding: 0 15px;
	}	
.pop-outerBox{
	float:left;
	width:100%;
	position:relative;
	background:#fff;
	border-radius:12px;
	}
.pop-box-body{
	float:left;
	width:100%;
	padding:20px;
	text-align:center;
	}
.pop-close{
	position: absolute;
    z-index: 99;
    right: -6px;
    top: -6px;
    font-size: 18px;
    color: #000;
    border-radius: 50%;
    background: #fff;
	font-weight:bold;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.2);
	}
.p-logo{
	margin:0 auto 0;
	display:block;
	}	
.paypal-txt{
	font-size:24px;
	line-height:24px;
	color:#2c2e2f;
	letter-spacing:0.5px;
	margin-top:20px;
	}
.paypal-para{
    font-size: 17px;
    line-height: 22px;
    color: #2c2e2f;
    letter-spacing: 0.5px;
	font-weight:500;
    margin-top: 10px;	
	}
.pop-orderbox{
	float:left;
	width:100%;
	border:1px solid #bcbcbc;
	border-radius:15px;
	padding:22px;
	
	background: rgb(254,254,254);
	background: -moz-linear-gradient(183deg, rgba(254,254,254,1) 0%, rgba(240,240,240,1) 54%, rgba(225,225,225,1) 100%);
	background: -webkit-linear-gradient(183deg, rgba(254,254,254,1) 0%, rgba(240,240,240,1) 54%, rgba(225,225,225,1) 100%);
	background: linear-gradient(183deg, rgba(254,254,254,1) 0%, rgba(240,240,240,1) 54%, rgba(225,225,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe",endColorstr="#e1e1e1",GradientType=1);	
	}	
.pop-innerbox{
	float:left;
	width:100%;
	background:#fff;
	border:1px solid #bcbcbc;
	border-radius:15px;
	padding:12px 15px;	
	}
.pop-sumry-head{
    font-size: 21px;
    line-height: 21px;
    color: #2c2e2f;
    letter-spacing: 0.5px;
	font-weight:500;	
	}
.prod-details-box{
	float:left;
	width:100%;
	}	
.sumry-header{
	float:left;
	width:100%;
	background:#e2e2e2;
	padding:3px 10px;
	}
.smry-head-txt{
	float:left;
	width:100%;
	text-align:left;
	color:#000;
	font-size:16px;
	margin:0;
	}
.smry-head-txt span{ float:right;}								
.smry-prodname-box{
	float:left;
	width:100%;
	margin:10px 0 12px;
	}
.prodnm-lft{
	float:left;
	width:50%;
	text-align:left;
	}
.prod-nm{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	color:#019cde;
	border-bottom:2px dashed #019cde;
	margin:0 0 12px;
	}
.prod-prc-txt{
	float:left;
	width:100%;
	color:#626262;
	font-size:14px;
	letter-spacing:0.5px;
	margin:0;	
	}
.prodnm-rgt{
	float:right;
	width:40%;
	text-align:left;
	margin-top:5px;
	}
.rgt-prc{
	color:#000;
	font-size:16px;
	margin:0;
	font-weight:500;
	text-align:right;	
	}
.sumry-pric-row{
	float:left;
	width:100%;
	border-top:2px solid #e6e6e6;
	border-bottom:2px solid #e6e6e6;
	padding:6px 0 10px;
	}
.smry-price1{
	float:left;
	width:100%;
	text-align:left;
	color:#000;
	font-size:15px;
	margin:0;	
	}
.smry-price1 span{ float:right; color:#000; font-weight:500;}
.smry-price2{
	float:left;
	width:100%;
	text-align:left;
	color:#626262;
	font-size:14px;
	margin:3px 0 0;	
	}
.smry-price2 span{ float:right;}										
.sumry-pric-row2{ border:none;}	
.pop-btn{
	margin:25px auto 0;
	display:block;
	}
a.pop-edit{
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    color: #009de0;
    font-weight: 500;
    margin-top: 15px;
	}	
		

@media only screen and (max-width:600px){
.pop-box-body{ padding:20px 15px;}
.pop-orderbox{ padding:12px;}
.pop-content{ margin-top:0;}

}