.grey_bg {
	background-color: #fff;
	/*border-radius: 12px;*/
	color: #3c4c5c;
	padding: 25px 20px;
	font-size: 14px;
}

.reg_not_allowed {
    min-height: 250px;
}


.required {
    /*color: #ff0000;*/
}

.personal-details-disabled {
    /*opacity: 0.1;
    pointer-events: none;*/
}


.recomm-products {
    min-height:80px;
    display:block;
}

.recomm-products-list {
    padding-left:15px;
}

.recomm-products-list-new {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding-left:0;

    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    word-spacing: var(--e-global-typography-text-word-spacing);


}

.grey_bg a.wpr-pricing-table-btn, .grey_bg a.wpr-pricing-table-btn:active, .grey_bg a.wpr-pricing-table-btn:visited {
    text-decoration: none;
    margin-bottom:30px;
    background-color: #00B6ED;
    color: #ffffff;
    border-color: #ffffff;
    transition-duration: 0.1s;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 40px 10px 40px;
    border-style: none;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
}

.wpr-pricing-table-text {
    padding: 0px 29px 29px 29px;
    color: #394B5A;
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 25px;
    letter-spacing: 1px;
    word-spacing: 0px;
    text-align: center;
}

.wpr-pricing-table-badge {
    opacity: 1 !important;
}
.wpr-pricing-table-badge-flag {
    top: -30px;
}

.wpr-pricing-table-badge-flag.wpr-pricing-table-badge-right {
    margin-right: -10px;
}
.wpr-pricing-table-badge-flag {
    border-right: 5px;
}
.wpr-pricing-table-badge-right {
    left: auto;
    right: 0;
}
.wpr-pricing-table-badge {
    position: absolute;
    display: inline-block;
    text-align: center;
    z-index: 2;
}

.wpr-pricing-table-badge-flag:before {
    border-top-color: #00B6ED;
}

.wpr-pricing-table-badge-flag.wpr-pricing-table-badge-right:before {
    right: -5px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.wpr-pricing-table-badge-flag:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -5px;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top-style: solid;
    border-top-width: 10px;
}

.wpr-pricing-table-badge .wpr-pricing-table-badge-inner {
    padding: 14px 020px 14px 20px;
}
.wpr-pricing-table-badge-inner {
    color: #ffffff;
    background-color: #00B6ED;
    font-size: 20px;
    font-weight: 700;
}
.wpr-pricing-table-badge-flag.wpr-pricing-table-badge-right .wpr-pricing-table-badge-inner {
    border-bottom-left-radius: 3px;
}

.recomm-products-list-new li {
    
    list-style: none;
    text-align: center;
    width: 100%;
    /*max-width: 394px;*/
    padding: 15px 15px 15px 15px;
    margin: 0 auto;
    
    max-width: 95%;
}

.recomm-products-list-new li:not(:last-child) {
    border-bottom-color: #394B5A;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.wpr-pricing-table-feature-icon {
    color: rgba(97, 206, 112, 1);
}

.recomm-products-list li {
    margin-top: 8px;
    list-style: circle;
}

.recomm-product-checkbox-grid-container {
    
   position:relative;
   margin: 0 15px;
   padding:15px 20px;
   /*opacity: 0.5;*/
   font-weight:400;
   font-size:14px;
   background: rgba(3, 182, 237, 0.4);
    color: #000;
   
}
.recomm-product-details {
    width:100%;
    display: flex;
    /* align-items: end; */
    align-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}
.recomm-product-checkbox-grid-container.checked {
    /*opacity: 1;*/
    background: rgba(3, 182, 237, 1);
    color: #fff;
}

.book-now label input[type=radio] {
    position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }
 
 .book-now label .checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    bottom: 20px;
 }

 .book-now label span.text {
    margin-left: 35px;
 }
 
 .recomm-checkbox-container label:hover input ~ .checkmark {
    background-color: #ccc;
 }
 
 .book-now label input:checked ~ .checkmark {
  background-color: #fff;
 }
 
 /* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:before {
  content: "";
  position: absolute;
  display: none;
  font-family: FontAwesome;
 }
 
 /* Show the checkmark when checked */
 .book-now label input:checked ~ .checkmark:before {
     display: block;
 }
 
 .book-now label .checkmark:before {
    content: "\f00c";
    left: 5px;
    top: 4px;
    color: #00b6ed;
 }
 
 /* Style the checkmark/indicator */
 .book-now label .checkmark:after {
 
 }

.recomm-product-checkbox-grid-container label input[type=radio] {
   position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.recomm-product-checkbox-grid-container label .checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius:5px;
    top:-10px;
    right:-10px;
}

.recomm-checkbox-container label:hover input ~ .checkmark {
   background-color: #ccc;
}

.recomm-product-checkbox-grid-container label input:checked ~ .checkmark {
 background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:before {
 content: "";
 position: absolute;
 display: none;
 font-family: FontAwesome;
}

/* Show the checkmark when checked */
.recomm-product-checkbox-grid-container label input:checked ~ .checkmark:before {
    display: block;
}

.recomm-product-checkbox-grid-container label .checkmark:before {
   content: "\f00c";
   left: 5px;
   top: 4px;
   color: #00b6ed;
}

/* Style the checkmark/indicator */
.recomm-product-checkbox-grid-container label .checkmark:after {

}

.bordered {
    border: 1px solid #fff;
 }

.product-card {
    width: 100%;
    margin-bottom:20px;

}

.product-card-new {
    background-color: #f9f9f9;
    border:1px solid #E8E8E8;
    position: relative;
    margin-top:60px;
}

.book-now {
    padding: 20px;
}

.product-card-new.checked > *:not(.book-now) {
    opacity: 1;
}
.product-card-new:not(.checked) > *:not(.book-now) {
    opacity: 0.4;
}

.product-card-new .product-card-title {
    padding: 27px 20px 25px 20px;
    text-align: center;
}

.wpr-pricing-table-sub-title {
    color: #7A949E;
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: var( --e-global-typography-text-font-size );
    font-weight: var( --e-global-typography-text-font-weight );
    text-transform: var( --e-global-typography-text-text-transform );
    font-style: var( --e-global-typography-text-font-style );
    text-decoration: var( --e-global-typography-text-text-decoration );
    line-height: var( --e-global-typography-text-line-height );
    letter-spacing: var( --e-global-typography-text-letter-spacing );
    word-spacing: var( --e-global-typography-text-word-spacing );
}

.product-card-new .product-card-price {
    background-color: #D9D5B8;
    padding: 40px 20px 30px 20px;
    color: #ffffff;
    text-align: center;
    font-size: 65px;
    font-weight: 500;
    line-height: 0.9;
}

.wpr-pricing-table-currency {
    font-size: 24px;
    -webkit-align-self: flex-start;
    align-self: flex-start;
}

.wpr-pricing-table-old-price {
    color: #ffffff;
    font-size: 20px;
    -webkit-align-self: center;
    align-self: center;
}

.product-card-new .product-card-title h2 {
    color: #394B5A;
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size );
    font-weight: var( --e-global-typography-secondary-font-weight );
    text-transform: var( --e-global-typography-secondary-text-transform );
    font-style: var( --e-global-typography-secondary-font-style );
    text-decoration: var( --e-global-typography-secondary-text-decoration );
    line-height: var( --e-global-typography-secondary-line-height );
    letter-spacing: var( --e-global-typography-secondary-letter-spacing );
    word-spacing: var( --e-global-typography-secondary-word-spacing );
    margin: 0 0 18px;
}

@media (min-width: 1200px) {

    .grey_bg {
        padding: 25px 80px;
    }

    .recomm-products {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom:0px;
    }

    .recomm-products-gap {
        column-gap: 20px;
    }

    .product-card {
        width: 50%;
    }

    .recomm-products-list-new li {   
        max-width: 69%;
    }
}

section.recomm_form {
    /*margin-top: 100px;*/
    margin-bottom: 100px;
    margin-left: 60px;
    margin-right: 60px;
}

#recommLoginModal {
	position: fixed;
	right: 150px;
    z-index:9999;
	top: 60px;
	width: 270px;
	text-align: center;
	background-color: white;
	border-radius: 12px;
	padding: 25px 25px 30px;
	box-shadow: 6px 6px 30px 0px rgba(0, 0, 0, 0.3);
	color: #3c4c5c;
}

@media (max-width: 767px) {
	#recommLoginModal {
		left: 0;
		right: 0;
		margin: 0 auto;
	}

    section.recomm_form {
        margin-left: 15px;
        margin-right: 15px;
    }
}

#recommLoginModal .close_button {
	color: #ccc;
    text-align: right;
}

#recommLoginModal .login_title {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
}

#recommLoginModal .profile_link {
	float: left;
	display: inline-block;
	position: relative;
	color: #009ee3;
}

#recommLoginModal .request_code {
	float: right;
	display: inline-block;
	position: relative;
	color: #009ee3;
}

#recommLoginModal .request_code:after, #recommLoginModal .profile_link:after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background-color: #009ee3;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: width 0.2s;
}

#recommLoginModal .request_code:hover, #recommLoginModal .profile_link:hover {
	font-weight: 300;
	color: #009ee3;
}

#recommLoginModal .request_code:hover:after, #recommLoginModal .profile_link:hover:after {
	width: 100%;
}

#recommLoginModal .btn-primary, #recomm_member_form .btn-primary {
    background-color: #00b6ed;
    border-color: #00b6ed;
    color: #fff;
}

#recommLoginModal .btn-primary:hover, #recommLoginModal .btn-primary:active, #recommLoginModal .btn-primary:visited,
#recomm_member_form .btn-primary:hover, #recomm_member_form .btn-primary:active, #recomm_member_form .btn-primary:visited {
    background-color: #00bce5;
    border-color: #00bce5;
    color: #fff;
    
}

.grey_bg a {
    color: #00b6ed;
}
.grey_bg a:hover, .grey_bg a:active, .grey_bg a:visited {
    color: #00bce5;
}


#recommLoginModal button.btn-primary {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: 50%;
	transform: translateX(-50%) translateY(50%);
}

.bb-load-bg {
    background: rgba(255, 255, 255, 0.94);
    opacity: 0.94;
    width: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 99999999999;
}

.bb-load-circle {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #00b6ed;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    opacity: 1;
    margin: 25% auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}