.add-to-cart-popup .add-to-cart-dialog{
	display: flex;
	flex-wrap: wrap;
}
.add-to-cart-popup .add-to-cart-dialog > div{
	width: 100%;
}
.modal-popup .modal-header{
	display: flex;
	flex-wrap: wrap;
	padding: 0 5%;
}
.modal-header .modal-header-left{
    width: 200px;
    height: 125px;
    text-align: right;
    position: absolute;
    left: -200px;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
}
.modal-header .modal-header-left img{
	width: 100%;
    height: 100%;
    object-fit: contain;
}
.modal-header .modal-header-right{
	display: flex;
	flex-direction: column;
	align-self: center;
	padding: 0 15px;
	margin: 25px auto;
	position: relative;
	max-width: 60%;
}
.modal-header .modal-header-right span{
	font-size: 24px;
	text-align: center;
}
.modal-header .modal-header-right a{
	font-size: 24px;
	text-align: center;
	margin: 10px 0 0;
	color: #54abe7;
}
.modal-content{
	display: flex;
	flex-direction: column;
}
.modal-content .cart-info{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 10px 0;
}
.modal-content .cart-info > div{
	width: 400px;
}
.modal-content .cart-info .cart-total{
	margin: 0 25px 0 auto;
	text-align: center;
}
.modal-content .cart-info .cart-total.middle{
	margin: 0 auto;
}
.modal-content .cart-info .cart-total p{
	font-size: 15px;
	text-align: center;
}
.modal-content .cart-info .cart-total p.total{
	font-size: 18px;
	font-weight: 700;
	color: #0258a5;
}
.modal-content .cart-info .free-count{
	margin: 0 auto 0 25px;
	position: relative;
	background-color: #ddf3dd;
	border-radius: 4px;
	padding: 5px 0 5px 50px;
}
.modal-content .cart-info .free-count:before{
	content: '';
	background-color: #63c256;
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	z-index: 1;
}
.modal-content .cart-info .free-count:after{
	content: 'i';
    width: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 9px;
    font-style: italic;
    font-family: 'FontAwesome';
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 2;
}
.modal-content .cart-info .free-count p.title{
	font-size: 16px;
    font-weight: 600;
    color: #434343;
}
.modal-content .cart-info .free-count p.free-remain{
	font-size: 13px;
    font-weight: 500;
    color: #434343;
}
.modal-content .cart-info .free-count p.free-bar{
	width: 95%;
	border: 1px solid #63c256;
	height: 10px;
	border-radius: 4px;
	position: relative;
}
.modal-content .cart-info .free-count p.free-bar span{
	display: inline-block;
	background-color: #63c256;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.modal-content .modal-buttons{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 10px;
}
.modal-content .modal-buttons button{
	background: transparent;
	background-color: #fff;
	border: 2px solid #0088CC;
	border-radius: 4px;
	color: #0088CC;
	margin: 0 25px 0 auto;
	padding: 10px;
	font-weight: 500;
	width: 400px;
	text-transform: uppercase;
}
.modal-content .modal-buttons a{
	background-color: #0088CC;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	margin: 0 auto 0 25px;
	padding: 10px;
	width: 400px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}
.modal-content .crosssell{
	display: flex;
	flex-direction: column;
	border-top: 1px solid #ddd;
	margin: 25px 0 0;
}
.modal-content .crosssell > span{
	width: 100%;
	display: block;
	font-size: 24px;
	text-align: center;
	margin: 25px 0;
}
ul.modal-crosssell-list{
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
ul.modal-crosssell-list .slick-list li,
ul.modal-crosssell-list.no-slider li{
	border: 1px solid #e5e5e5;
	padding: 5px;
	background-color: #fff;
}
ul.modal-crosssell-list.no-slider li{
	width: calc(100% / 5 - 12px);
	margin: 0 15px 15px 0;
}
ul.modal-crosssell-list.no-slider li:nth-child(5n+5){
	width: calc(100% / 5 - 12px);
	margin: 0 0 15px 0;
}
ul.modal-crosssell-list .slick-list li .product-item-info,
ul.modal-crosssell-list.no-slider li .product-item-info{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 0 10px 0;
}
ul.modal-crosssell-list .slick-list li .product-item-info .product-item-details,
ul.modal-crosssell-list.no-slider li .product-item-info .product-item-details{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
ul.modal-crosssell-list .slick-list li .product-item-info .product-item-details .product-item-actions,
ul.modal-crosssell-list.no-slider li .product-item-info .product-item-details .product-item-actions{
    margin: auto 0 0;
}
ul.modal-crosssell-list .slick-list li .product-item-info .product-item-photo,
ul.modal-crosssell-list.no-slider li .product-item-info .product-item-photo{
	text-align: center;
}
ul.modal-crosssell-list .slick-list li .product-item-info .product-item-photo img,
ul.modal-crosssell-list.no-slider li .product-item-info .product-item-photo img{
	max-width: 60%;
	margin: auto;
}
ul.modal-crosssell-list .slick-list li .product-item-info .product-item-link,
ul.modal-crosssell-list.no-slider li .product-item-info .product-item-link{
	color: #000;
	text-align: center;
	display: block;
}
ul.modal-crosssell-list .slick-list li .product-item-info .custom-prices-box,
ul.modal-crosssell-list.no-slider li .product-item-info .custom-prices-box{
	margin: 15px 0;
}
ul.modal-crosssell-list .slick-list li .product-item-info .product-item-actions .actions-primary,
ul.modal-crosssell-list.no-slider li .product-item-info .product-item-actions .actions-primary{
	display: block;
	text-align: center;
}
ul.modal-crosssell-list .slick-list li .product-item-info .product-item-actions .actions-primary button,
ul.modal-crosssell-list.no-slider li .product-item-info .product-item-actions .actions-primary button{
    background-color: #0088CC;
    padding: 7px 15px;
    border-radius: 0;
    border: none;
}
ul.modal-crosssell-list .slick-list li .product-item-info .product-item-actions .actions-primary button span,
ul.modal-crosssell-list.no-slider li .product-item-info .product-item-actions .actions-primary button span{
	color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
}
ul.modal-crosssell-list .slick-track{
	display: flex;
}
ul.modal-crosssell-list .slick-slide{
	margin: 0 15px;
	float: none;
	height: auto;
}
ul.modal-crosssell-list .slick-slide > div,
ul.modal-crosssell-list .slick-slide > div > li{
	height: 100%;
}
ul.modal-crosssell-list .slick-list{
	margin: 0 -15px;
}
ul.modal-crosssell-list .slick-dots li button{
	border-color: #54abe7;
}
ul.modal-crosssell-list .slick-dots li.slick-active button{
	background-color: #54abe7;
}
.modal-content .cart-info .cart-total p.total span.pulse,
.modal-content .cart-info .cart-total p.count span.pulse,
.modal-content .cart-info .free-count p.free-remain span.pulse{
    animation: textpulse 1s ease-out forwards;
    display: inline-block;
}
@keyframes textpulse{
    0% {
        transform: scale(0.95);
        opacity: 0.5;
    }
    100% {
        transform: scale(1.05);
        opacity: 1.0;
    }
}












/* mobile */
@media (max-width: 1320px){
	.modal-content .modal-buttons,
	.modal-content .cart-info{
		flex-direction: column;
		align-items: center;
	}
	.modal-content .modal-buttons button,
	.modal-content .cart-info .cart-total{
		margin: 0 0 5px 0;
	}
	.modal-content .modal-buttons a,
	.modal-content .cart-info .free-count{
		margin: 0;
	}
	.modal-header .modal-header-right a{
		margin: 0;
	}
	.modal-header .modal-header-left{
		height: 115px;
	}
	.modal-content .cart-info .cart-total p{
		margin: 0;
	}
	.modal-content .crosssell > span{
		margin: 10px 0;
	}

	ul.modal-crosssell-list .slick-slide{
		margin: 0 7px;
	}
	ul.modal-crosssell-list .slick-list{
		margin: 0 -7px;
	}
}
@media (max-width: 767px){
	.modal-header .modal-header-left{
		display: none;
	}
	.modal-header .modal-header-right{
		max-width: 100%;
		margin: 10px auto;
	}
	.modal-header .modal-header-right span,
	.modal-header .modal-header-right a,
	.modal-content .cart-info .cart-total p,
	.modal-content .cart-info .cart-total p.total,
	.modal-content .crosssell > span{
		font-size: 14px;
	}
	.modal-content .crosssell,
	.modal-content .cart-info{
		margin: 0;
	}
	.modal-content .modal-buttons button,
	.modal-content .modal-buttons a{
		font-size: 12px;
		padding: 5px;
		width: 220px;
	}
}
@media (max-width: 700px){
	.modal-content .cart-info > div{
		width: 100%;
	}
}
@media (max-width: 550px){
	.modal-content .crosssell{
		display: none;
	}
	.modal-content .cart-info .free-count{
		margin: 15px 0;
	}
	.add-to-cart-popup .add-to-cart-dialog > div{
		padding: 0;
	}
	.add-to-cart-popup .modal-content{
		padding: 0 15px;
	}
}