/*
|----------------------------------
| Upsell Modal
|----------------------------------
|
*/
#upSellModal{
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
	min-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

	/*display: none; 
    position: fixed;
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;*/
}
.upsell-track{
	width: 650px !important;
}
.upsell-modal{
	top: 0px;
	min-height: 450px;
	/*width: 450px !important;*/
	width: auto;
	box-shadow: 0, 0, 10px #000;
	margin: 0; max-height: 100vh; width: auto;
}

.upsell-modal .btn{
	font-family: 'oswald', 'Raleway', 'Helvetica Neue', Verdana, Arial, sans-serif;
	border: 0;
	padding: 2%;
	width: 40%;
	/*line-height: 19px;*/
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.upsell-wide{
	width: 50%;
}

@media screen and (max-width: 639px){
	.upsell-wide{
		width: 93%;
	}
}

.upsell-modal__content{
	border-radius: 4px;
	background-color: #000;
	position: relative;
	width: auto;
	padding: 5px 0;
	border: 1px solid #555;
	/*height: 100%;*/
	/*border: none;*/
	/*background: none;*/

	/*margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;*/
}

.upsell-modal__close{
	position: absolute;
	background-color: #000;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	border: 2px solid #777;
	color: #fff;
	right: -20px;
	top: -20px;
	text-align: center;
	z-index: 1003;
	cursor: pointer;
	font-size: 2.5em;
}

.upsell-modal__close div{
	position: relative;
	width: 100%;
	height: 100%;
}

.upsell-modal__close div span{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.upsell-modal__header{
	padding: 10px 20px 5px 20px;
	font-family: 'oswald',sans-serif, Raleway, "Helvetica Neue", Verdana, Arial, sans-serif;
}

.upsell-modal__title{
	color: #CF152D;
	font-size: 2em;
}

.upsell-modal__subtitle{
	color: #fff;
	font-size: 1.25em;
}

.upsell-modal__catalog__container{
	cursor: pointer;
}

.upsell-modal__catalog__container close-track{
	top: 5px;
	right: 5px;
	border: 2px solid #fff;
}

.upsell-modal__catalog__container {
	/*height: 100%;*/
	position: relative;
}

.upsell-modal__catalog{
	cursor: pointer;
}

.upsell-modal__catalog__picture{
	height: 300px;
	position: relative;
	width: 100%;
}

.upsell-track__picture {
	width: 100%;
}

.upsell-modal__catalog__picture img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	display: block;

	height: 90%;
	width: auto;
	/*width: 100%;*/
}

.upsell-modal__catalog:hover
.upsell-modal__catalog__selection{
	background-color: #cf152d;
}

.upsell-modal__catalog__selection{
	background-color: #444;
	padding: 5px 20px;
}

.upsell-modal__catalog__name{
	/*font-size: 2em;*/
	font-size: 1.2em;
}

.upsell-modal__catalog__price{
	font-size: 1.5em;
}

.upsell-modal__action{
	padding: 15px 20px;
}

.upsell-modal__catalog__selection--inactive{background-color: #444; }

.upsell-modal__catalog__selection--active{background-color: #cf152d; }

.upsell-modal__catalog__selection__radio--unchecked,
.upsell-modal__catalog__selection__radio--checked{
	width: 40px;
	height: 40px;
	background-color: #fff;
	color: #444;
	font-size: 2.25em;
	border-radius: 50%;
	text-align: center;
	position: relative;
	margin-top: 10px;
	margin-left: -150%;
}

.upsell-modal__catalog__selection__radio--unchecked > .inner-circle{
	border-radius: 50%;
	width: 80%;
	height: 80%;
	display: block;
	background-color: #444;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	position: absolute;
}

.order-from-upsell{
	background-color: #0DB14B !important;
	/*width:100%;*/
	padding: 2.5% 5% 2.5% 5%;
	margin-top: -3px;
}


/*MOBILE DEVICE*/
@media screen  and (max-width: 768px) {
	.topheader-custom{margin-right: 0% !important;}
	#upSellModal{
		/*background-color: rgba(50, 50, 50, .0);*/
		height: auto;
		max-width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin:0 auto;
	}

	.upsell-modal{
		top: 0px;
		/*min-height: 450px;*/
		height: auto;
		min-height: auto;
		/*width: 400px !important;*/
		width: 97% !important;
	}

	.upsell-modal__content{
		width: 96%;
		margin: auto;
		height: auto;
		min-height: auto;
		/*background-color: #fff;*/
		/*border: 0; */
		border: 1px solid #555;

	}

	.upsell-modal__close{
		/*border: 0px;*/
		/*right: 10px;*/
		right: 25px;
		top: 10px;
		border: 0px solid #777;
	}

	.upsell-modal__action{
		padding: 15px 20px;
	}

	.upsell-modal__action .btn,
	.upsell-modal__action .button {
		width: 100%;
		margin-top: 20px;
	}
        .upper-content{
            font-size: 14px;
        }
        .payment-name-custom{
            font-size: 14px;
        }
}

@media screen  and (max-width: 550px) {
	.upsell-modal__close{
		right: 25px;
		top: 10px;
		border: 0px solid #777;
	    display: block;
	}

	.upsell-modal__header{
		text-align: center;
	}
}

.no-border {
	border: none !important;
}

@media (min-width:640px) and (max-width: 667px) {
	#upSellModal {
		max-width: 70%;
	}
}