.box .heading{
	background: #e590e8;
}
.box .detail-part{
	background: #f7b104;
	min-height: 195px;
}
.heading,.detail-part{
    padding: 10px !important;
}
.heading h4{
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.heading .time{
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0;
}
.heading .price{
    font-size: 20px;
    font-weight: 600;
    padding: 5px 0;
}
.detail-part .buttons .btn,.memberships .buttons {
	padding: 0 10px;
}
.detail-part .buttons .btn,.memberships .buttons .btn{
    width: auto;
    margin: 0 0 10px;
    padding: 8px 12px;
    text-shadow: none;
    box-shadow: none;
    border:none;
    font-size: 14px;
    font-weight: 500;
	display: inline-block;
    white-space: inherit;
}
.detail-part li{
	color: #ffffff;
	border-bottom:1px solid #ffffff;
	padding: 10px 5px;
	font-size: 14px;
	font-weight: 500;
}
.detail-part li:last-child{
    border-bottom: none;
    padding-bottom: 5px !important;
}
.extended-container .detail-part .buttons .btn,
.extended-container .memberships .buttons .btn{
    padding: 2px 12px;
}
.extended-container .product-layout h4{font-weight: 400;}
.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
}
.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.divmain{
    box-shadow: 0px 2px 3px #ddd;
    padding-bottom:0px;
    margin-bottom: 20px;
	text-align: center;
}
.divmain .buttons{
    padding:15px 0;
    margin: 0;
    display: block;
}
#main-panel .col-md-2:nth-child(6n+1), #main-panel .col-md-2:nth-child(6n+1), #main-panel .col-md-3:nth-child(4n+1), #main-panel .col-md-4:nth-child(3n+1), #main-panel .col-md-6:nth-child(2n+1){
    clear: none;
}
.divmain .btn{
    border:none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-size: 14px;
    padding: 9px 15px;
}
.extended-container .divmain .btn{
    padding:3px 15px;
}
.memberships .list-group-item{
	border-left:none;
	border-right:none;
	text-align: center;
	border-radius: 0px;
}
.memberships{
    text-align: center;
}

.bg1, .bg2{
	background: #48c0f0;
	color: #fff;
	padding: 15px;
}
.padd0{
	padding: 0px;
}
.bgc1{
	background: #48c0f0;
	color: #fff;
	padding: 12px;
}
.autohover{
    background-color: #d7f2c2;
}
.panel-default .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.product-thumb .image {
    text-align: center;
}
.product-thumb {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: auto;
}
.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.buttons {
    margin: 0;
}
#propages .product-layout{
    padding: 10px;
}
.table-bordered {
    border: 1px solid #ddd;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border: 1px solid #ddd;
	border-top-color: rgb(221, 221, 221);
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	padding: 8px;
	padding-top: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.route-extension-tmdsubscription-tmdsubscription #content{
    min-height: 500px;
}
.route-extension-tmdsubscription-tmdsubscription .bgc1 .panel-heading{background-color: transparent;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.membership.btn{
	text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
	outline: 0 !important;
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group > .btn:first-child {
    margin-left: 0;
}
.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left;
}
.btn-group-lg > .btn, .btn-lg {
	padding: 10px 16px;
	font-size: 12px;
	line-height: 1.3333333;
	border-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px;
}
#membershipModal .panel-body{padding: 0px;}
.right .membership{width: 100%;margin: 10px 0;}
.autohover span i{margin: 5px;font-size: 17px !important;}
.site-wrapper .autohover span i{margin: 4px 0 0;font-size: 17px !important;}
.grid-cols #main-panel #memberplans .col-lg-3{padding: 10px;}
.product-layout h4{font-weight: 400;}
.extension-tmdsubscription-tmdsubscription .site-wrapper .product-layout{margin-bottom: 20px;}

.tmd_membership_btngroup {
	display: flex;
}
.tmd_membership_btngroup button{
	width:100% !important;
}
.tmd_membership_btngroup .membership {
	color: #fff !important;
}
.tmd_membership_btngroup .membership .btn-text {
	display: block;
}

.tmdpricelist table thead tr th,
.tmdpricelist table tbody tr td {
	white-space: normal;
}
.tmdpricelist table thead tr th{
	font-size: 22px;
}
.tmdpricelist table thead tr th:first-child {
	width:30%;
}
.tmdpricelist table tbody tr td {
	font-size:14px;
	padding:35px 10px;
}
.tmdpricelist .price_heading h3 {
	margin:0;
	text-transform: uppercase;
	line-height: 30px;
	font-weight:600;
}
.tmdpricelist .price {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 8px;
}
.tmdpricelist .member-btngroup {
    display: flex;
    gap: 10px;
}
.tmdpricelist .member-btngroup .btn {
	font-size: 14px;
}
.tmdpricelist .member-btngroup a{
	text-decoration: none;
}

/* == J3 Css Start Here == */
.oc3 .product-thumb .tmd_membership_button{
	margin: 10px 0 0;
}
.oc3 #memberplans .pagination>li.active a, 
.oc3 .tmdpricelist .pagination>li.active a, 
.oc3 .prices .pagination>li.active a, 
.oc3 .tmdpricelist .pagination>li.active span,
.oc3 #memberplans .pagination>li.active span,
.oc3 .prices .pagination>li.active span{
	background:#337ab7;
}
.oc3 #memberplans .button-cart{
	margin:0;	
}
.oc3 .tmdpricelist .table-responsive.table-scroll:before,
.oc3 .membertablelist.table-scroll:before {
	display: none;
}
.oc3 .tmdpricelist .table-responsive {
	margin:0 0 15px;
}
.oc3 .memberships .buttons {
    justify-content: center;
	margin: 0 0 20px;
}
.oc3 .memberships .buttons .btn{
   margin:0;
}
.oc3 #main-panel {
	margin:20px 0 0;
}