.subscription .nav-tabs {
	margin-bottom: 3rem;
}
.subscription .nav-tabs {
	border-bottom: 1px solid #040000;
}
.subscription .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
}
.subscription .nav-item {
	width: 50%;
	background-color: #ddd;
}
.subscription .nav-tabs .nav-item.show .nav-link, .subscription .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #040000 #040000 #fff;
}
.subscription .nav-tabs .nav-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
    display: block;
    padding: 1rem 1rem;
}
.subscription .tab-content>.tab-pane {
    display: none;
}

.subscription .tab-content>.active {
    display: block;
}

.subscription .plans-box-f {
	margin-top: 40px;
}
.subscription .plans-box-f:first-child {
	margin-top: 0;
}

.plans-wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 20px;
	row-gap: 20px;
	/*
	margin-right: -.5em;
	margin-left: -.5em;
	*/
	/* max-width: 1060px; */
	margin-left: auto; 
	margin-right: auto;
}
.plans-wrap.general-plan,
.plans-wrap.company-plan {
	grid-template-columns: repeat(3, 1fr);
}
.plan-box {
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
}

.plan-box > div {
	padding: 1.5em;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.plan-box .period-type {
	font-size: 1.2em;;
	font-weight: 500;
	color: #fff;
}
.plan-box .period-type.online {
	background-color: #227c9d;
}
.plan-box .period-type.magazine {
	background-color: #fe6d73;
}
.plan-box .period-type.package {
	background-color: #17c3b2;
}

.plan-box .plan-box-header {
	height: 180px;
	background-color: #333;
	font-size: 1.2em;
	justify-content: center;
}

.plan-box .plan-box-header .plan-title,
.plan-box .plan-box-header .plan-price {
	text-align: center;
	color: #fff;
}
.plan-box .plan-box-header .plan-price del {
	display: block;
}
.plan-box .plan-box-header .plan-price del span {
	font-size: 1rem;
	color: gray;
	text-decoration: line-through;
	text-decoration-color: #e94746;
}
.plan-box .plan-box-header .plan-price {
	font-size: .8em;
}

.plan-box .plan-box-header .plan-price span {
	font-size: 1.2rem;
	display: inline-block;
}

.plan-box ul.plan-features li {
	font-weight: 300;
	line-height: 1.7;
	font-size: .85em;
}

.plan-box .plan-box-body {
	margin-bottom: 80px;
	align-items: unset;
}
.plan-box .plan-box-footer {
	padding: 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.plan-box .plan-box-footer a {
	width: 100%;
	text-align: center;
	margin-top: 1.0em;
	padding: 1.5em;
	display: block;
}

.plan-box .plan-box-footer a span.circle {
	display: inline-block;
	text-align: center;
	padding: 7px 10px;
	background-color: #e94746;
	border-radius: 5px;
	color: #fff;
	margin-right: 10px;
	font-size: .7em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-245%,-50%);
	-moz-transform: translate(-245%,-50%);
	-ms-transform: translate(-245%,-50%);
	-o-transform: translate(-245%,-50%);
	transform: translate(-245%,-50%);
	line-height: 1;
}

.plan-box .plan-box-footer a:hover span.circle {
	background-color: #fff;
	color: #e94746;
}
.auto-renewal {
	color: #e94746;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
	text-align: center;
}
div.wpforms-container-full.subscribe-contact .wpforms-form button[type=submit],
div.wpforms-container-full.subscribe-contact .wpforms-form button[type=submit]:hover {
	background: #040000;
	color: #fff;
	border: none;
	padding: 10px 60px;
}
div.wpforms-container-full.subscribe-contact .wpforms-form .wpforms-field-label {
	font-weight: 500;
}

@media (max-width: 767px) {
	.plans-wrap {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 480px) {
	.plans-wrap {
		grid-template-columns: repeat(1, 1fr) !important;
	}
}