.article.item-popup {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	opacity: 1;
	z-index: 10000;
	color: #1d1d1b;
}

.article.item-popup.hide {
	opacity: 0;
	z-index: -10;
}

/* begin - slide effect */
.article.item-popup.slide-top > .margin {
	transition: opacity 0.5s ease-in-out;
}
.article.item-popup.slide-top.centered.hide > .margin {
	top: -100%;
}
.article.item-popup.slide-top.centered > .margin {
	top: 50%;
} 
.article.item-popup.slide-top.bottom.hide > .margin {
	bottom: -100%;
}
/* end - slide effect */

/* begin - fade effect */
.article.item-popup.fade > .margin {
	transition: opacity 0.5s ease-in-out;
}
.article.item-popup.fade.centered.hide > .margin,
.article.item-popup.fade.bottom.hide > .margin {
	opacity: 0;
}
.article.item-popup.fade.centered > .margin,
.article.item-popup.fade.bottom > .margin {
	opacity: 1;
}
/* end - fade effect */

.article.item-popup > .margin {
	width: 100%;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: calc(50% - 80px);
	transform: translate(-50%);
}

.article.item-popup.small > .margin {
	max-width: 449px;
}

.article.item-popup.middle > .margin {
	max-width: 600px;	
}

.article.item-popup.large > .margin {
	max-width: 994px;
}

.article.item-popup.bottom > .margin {
	bottom: 15px;
	top: unset;
	transform: translateX(-50%);
}

.article.item-popup > .margin > .padding {
	position: relative;
	padding: 40px !important;
}

.article.item-popup > .margin > .close {
	position: absolute;
	top: -40px;
	right: 0;
	font-size: 14px;
	line-height: 24px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
	color: #fff;
	z-index: 10001;
}

.article.item-popup > .margin > .close i {
	position: relative;
	font-size: 20px;
	line-height: 30px;
	top: 2px;
	margin-left: 5px;
	transition: all 0.2s ease-in-out;
}

.article.item-popup > .margin > .close:hover i {
	transform: rotate(180deg);
}

.article.item-popup > .margin > .padding h2,
.article.item-popup > .margin > .padding h3,
.article.item-popup > .margin > .padding h4 {
	margin: 0px;
	padding: 0 0 20px 0;
}

.article.item-popup > .margin > .padding a {
	font-weight: 400;
	color: #1d1d1b;
	text-decoration: underline;
}

.article.item-popup > .margin > .padding a:hover {
	color: #d3222b;
}

.article.item-popup > .margin > .padding > figure {
	display: block;
}

.article.item-popup > .margin > .padding > figure > img {
	display: inline-block;
	margin-bottom: 20px;
}

.article.item-popup > .margin > .padding .align-button {
	text-align: right;
	padding-top: 40px;
}

.article.item-popup > .margin > .padding a[rel="button"] {
	background-color: #747574;
	padding: 10px 30px 10px 20px;
	font-size: 16px;
	line-height: 20px;
	transition: all 0.2s ease-in-out;
}

.article.item-popup > .margin > .padding a[rel="button"]:after {
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	position: relative;
	top: 1px;
	left: 10px;
}

.article.item-popup > .margin > .padding a[rel="button"]:hover {
	background-color: #525252;
}

.article.item-popup > .margin > .padding a strong {
	font-weight: 700;
}

.article.item-popup > .margin > .padding table {
	width: 100%;
	text-align: center;
}

@media (max-width: 1024px)
{
	.article.item-popup.large > .margin {
		max-width: calc(100vw - 30px);
	}
}

@media (max-width: 991px)
{
}

@media (max-width: 767px)
{

	.article.item-popup.middle > .margin {
		max-width: calc(100vw - 30px);
	}
	
}

@media (max-width: 479px)
{
	.article.item-popup.small > .margin {
		max-width: calc(100vw - 30px);
	}
}