/*------employer-register.css-----------*/

@media (min-width:992px) {
 .register_layout main, main.register_layout {
 margin:0 50px;
 min-height: 100vh;
}
}
.site_l {
	padding: 25px 0;
	max-width: 296px;
	margin: 00 0 15px;
}
.registration_heading {
	border-bottom: solid 1px #fca332;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	font-weight: 500;
}
.register_layout input[type="text"], 
.register_layout input[type="email"], 
.register_layout input[type="password"], 
.register_layout input[type="vessel_name"], 
.register_layout input[type="tel"], 
.register_layout input[type="url"], 
.register_layout select, 
.register_layout textarea, 
.register_layout input[type="date"], 
.register_layout input[type="number"], 
.register_layout input[type="range"], 
.register_layout input[type="text"]:focus, 
.register_layout input[type="email"], 
.register_layout input[type="password"], 
.register_layout input[type="vessel_name"], 
.register_layout input[type="tel"], 
.register_layout input[type="url"], 
.register_layout select, 
/*.employer_page textarea, */
.register_layout input[type="date"], 
.register_layout input[type="number"], 
.register_layout input[type="range"] {
	border-radius: 6px;
	border:1px solid #919191;
	height: 46px;
	margin-bottom: 20px;
	margin-top:0;
}
.register_layout label {
	display: inline-block;
 margin-bottom: .3rem;
}
.register_layout select {
	background-position:96.0% 18px;
}
.promo_c {
	text-align: center;
	color: #6699FF;
	margin: 15px auto 25px;
	text-align: center;
	cursor: pointer;
}
.promo_c span {
	cursor: pointer;
	display: inline-block;
}
.promo_c em {
	display: inline-block;
	border: solid 1px #06B56D;
	border-radius: 5px;
	color: #000;
	padding: 5px 10px;
	margin: 0 0 0 15px;
	font-style: normal;
}
#promo-code .modal-content {
	padding: 20px;
}
#promo-code button {
	display: block;
	background-color: #06b56d;
	padding: 8px 5px 5px;
	color: #fff;
	border: none;
	cursor: pointer;
	width: 100%;
	margin: 0 auto;
	border-radius: 17px;
	font-size:16px;  /*2mar22*/
}
#promo-code .left_tab {
	display: none;
}
.align_c {
	text-align: center;
}
.vessel_n input[type="text"], .vessel_n select {
	border:none;
	text-align: center;
	margin: 10px auto 20px;
	max-width: 530px;/*display: block;*/
}
 .vessel_n input[type="text"]:focus, .vessel_n select:focus, .vessel_n input[type="text"]:focus-visible, .vessel_n select:focus-visible {
 border:none !important;
}
.vessel_n .btn {
	margin:0 auto 20px;
	display:block;
}
@media (min-width:897px) {
.vessel_n .btn {
 display:inline-block;
 margin: 0 0 0 6px;
 height: 46px;
 border-radius: 6px;
 padding: 0 20px;
}
}
.vessel_n span {
	color: #fff;
	display:inline-block;
	cursor:pointer;
}
.vessel_n em {
	font-style:normal;
	display:inline-block;
}
#add-vessel .modal-content {
	padding: 10px 20px;
}
#add-vessel button {
/*display: inline-block;
background-color: #0033cc;
color: #fff;
border: none;
padding: 10px;
min-width: 100px;
cursor: pointer;*/
}
/*#add-vessel .modal.medium_modal .modal-dialog{
max-height: 600px;
overflow-y: auto;
}*/

.membership_options {
	margin:35px 0;
}
.membership_options h4 {
	text-transform: uppercase;
	color: #000;
	margin: 15px 0 0px;
}
@media (max-width:767px) {
 .membership_options h4 {
 margin: 15px 0 15px;
}
}
.member_o p {
	margin: 0;
	border-right: 1px solid #b3b0b0;
	color: #000;
	text-align: center;
}
.member_o p span {
	color: #f25944;
}
@media (min-width:767px) and (max-width:991px) {
 .member_o p span {
 display:block;
}
}
.member_o > div:last-child p {
	border:none;
}
.option_card p {
	text-transform: capitalize;
	color: #000;
	font-weight: 600;
	font-size: 18px;
}
.option_card span {
	text-transform: capitalize;
	color: #767676;
	font-weight: 600;
	font-size:18px;
}
.price_m {
/*margin: 20px 0 80px;*/
}
.price_m h2 {
	color: #f25944;
	font-size: 54px;
	font-weight: 400;
	margin: 5px 0 15px 0;
}
 @media (max-width:991px) {
 .price_m h2 {
 margin: 24px 0 15px 0;
}
}
/* .price_m a{
display: inline-block;
color: #fff;
background-color: #6699ff;
border-radius: 100px;
padding: 6px;
min-width: 100px;
 }*/

 .price_m a:hover {
	color: #fff;
	text-decoration: none;
	opacity: 0.8;
}
.option_card {
	text-align: center;
	margin:35px 0;
	padding:15px 15px 20px;
	position: relative;
	overflow: hidden;
	border:solid 2px #E3E6EF;
}
.option_card > .row {
	max-width: 250px;
	margin: 0 auto;
}
.value_pack {
	position: absolute;
	color: #fff;
	font-weight: 500;
	text-align: center;
	text-transform: capitalize;
	font-size: 18px;
	background-color: #06b56d;
	left: -61px;
	min-width: 200px;
	padding: 2px 5px 2px;
	transform: rotate(-40deg);
	top: 15px;
	z-index: 3;
}
.add_on_block ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.add_on_block ul li {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	padding: 0 0 8px 30px;
}
.add_on_block ul li:before {
	content:"\f05d";
	font-family: "FontAwesome";
	font-size: 18px;
	position: absolute;
	left: 0;
	top: 0;
	color: #06b56d;
	font-weight: 400;
}
.no-margin {
	margin: 0;
}
.custom_s {
	display: inline-block;
	padding: 14px 30px 10px;
	color: #fff;
	transition: 0.4s;
	background-color: #1877f2;
	border-radius: 100px;
	line-height: 1;
	border: none;
	cursor: pointer;
}
.custom_s:hover {
	opacity: 0.8;
	transition: 0.4s;
}
 @media(max-width:1380px) {
 .option_card p, .option_card span {
font-size: 18px;
}
 .price_m h2 {
font-size: 42px;
}
 .option_card {
/*padding: 30px 50px 0; */
}
}
.info_c {
	background-color: transparent;
	color:#0033cc;
	border: none;
	position:relative;
	top:-1px;
}
.employer_page .info_c {
	color:#6699ff;
}
.option_card p,  .option_card span {
	margin:0;
	display:block;
}
 @media(min-width:1200px) {
 .option_card p,  .option_card span {
 margin:10px 0;
}
}
 @media(max-width:1024px) {
 .option_card {
 padding: 15px 0px 15px;
}
 .add_on_block ul li {
 font-size: 16px;
}
}
 @media(max-width:767px) {
 .option_card {
 margin: 10px auto;
 border: 1px solid #E3E6EF;
 padding-bottom: 20px;
 background:#E3E6EF;
}
 .member_o p {
 border: none;
}
}
 @media(max-width:991px) {
 .price_m {
 margin-bottom: 20px;
}
}
.vessel_n {
	background:#6699ff;
	padding: 25px;
	margin:0 0 0px 0;
	color:#fff;
}
.vessel_n h4 {
	margin: 0 0 0px 0;
	text-transform: uppercase;
	color: #fff !important;
	font-size: 22px;
	font-weight: 500;
}
.vessel_n p {
	margin-top:18px;
}
.vessel_n .srv-validation-message {
	color: red;
	margin: 0px 0 0 0;
}
.member_o {
	/*box-shadow:0 0 5px rgba(0, 0, 0, 0.5);*/
	border:solid 2px #E3E6EF;
	padding: 12px;
	margin:35px 0px;
}
.add_on_block {
	border:solid 2px #E3E6EF;
	margin:0;
}
 @media (max-width:767px) {
 .add_on_block {
 margin:20px 0 0 0;
}
}
.add_on_block dd {
	padding-top:15px;
	text-align:center;
}
.add_on_block figure img {
	margin:20px 0 0px;
	margin:30px auto 11px;
	display:block;
}
 @media (min-width:768px) {
 .add_on_block figure img {
 display:block;
}
 .add_on_block dd {
 padding-bottom:20px;
 padding-top:35px;
}
.add_on_block .price_m {
 margin:25px 0;
}
}
/**/

h4.heading_h4 {
	text-transform: uppercase;
	color: #03c;
	margin: 0px 0 25px;
	font-weight:500;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.payment_data {
	padding:0 0px 40px;
}
.payment_data .btn.empty {
	margin:10px 0 40px;
}
@media (max-width:896px) {
.payment_data {
 padding:0 0px 0px;
}
}
.payment_data table {
	width: 100%;
}
.payment_data table td {
	padding:0px 5px 4px;
	font-size: 18px;
}
.payment_data table td strong {
	font-weight:500;
	font-size: 19px;
}
.border_td {
	border-top: 1px solid #fff;
	padding: 5px 5px 2px !important;
}
.payment_data table td.final_p {
	font-size: 24px;
}
.payment_data p {
	/*max-width: 350px;*/
margin: 20px auto;
	text-align: center;
}

.summary_p {
	/* background:#e9f1ff; */
	padding:20px;
	border: solid 1px #ccc;
}
@media(min-width:992px){
	.summary_p {
		border-left:0;
	}
}
@media(max-width:991px){
	.summary_p {
		border-top:0;
	}
}
.summary_p a {
	color:#03c;
	text-decoration: underline;
}
.summary_p a:hover {
	color:#03c;
	text-decoration: none;
}
.summary_p .btn {
	display: block;
	height: auto;
	padding: 11px 23px 11px 26px;
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 100px;
	background-color: #06B56D;
	margin:20px auto 20px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	border:none;
}
.summary_p .btn:hover {
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
}
.summary_p > strong, .summary_p figure {
	display: block;
	font-size: 20px;
	margin-bottom:6px;
	text-transform: capitalize;
}
.secure_payment {
	margin:15px 0 30px 0;
}
.radio_btn {
	display: block;
	width: 118px;
	position:relative;
	margin: 0 auto;
	height: 40px;
	
}
.radio_btn .level_radio {
	color: #fff;
	text-align: center;
	text-transform:capitalize;
	font-weight: normal;
	letter-spacing: 0.4px;
	line-height: 1;
	top:0;
	left:0;
	right:0;
}
.radio_btn .level_radio label {
	width: 118px;
	height: 30px;
	line-height: 32px;
	margin: 0;
	border: none;
	border-radius: 19px;
	padding: 0px 10px 0px;
	cursor: pointer;
	font-weight: 400;
}
.radio_btn .level_radio input[type="radio"] {
	border-radius: 14px;
	height: 29px;
	cursor: pointer;
	width: 117px;
}
.radio_btn .level_radio input[type="radio"] + label {
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	background: #fff;
	color:#0033cc;
}
.radio_btn .level_radio input[type="radio"]:checked + label {
	color:#fff;
	background: #06B56D;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
}
.add_on_block .custom_check {
	top: 5px;
	margin: 0 10px 0 0;
}
.vessel_name {
	position: relative;
	margin: 0 auto;
	max-width:530px;
}
/*.vessel_name input {
    height: 26px;
    width: 100%;
	position:relative;
    padding: 0 25px 0 15px;
    background: #fff url("../images/loader.gif") 10px 16px no-repeat;
	background-position:right;
	background-size:20px 20px;

}*/
.vessel_name input:focus {
	outline: none;
	border-color: #66b1ee;
	-webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
	-moz-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
	-ms-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
	-o-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
	box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
}
.vessel_name input:focus + .vessel_results {
	display: block;
}
.vessel_name .vessel_results {
	display: block;
	position: absolute;
	
	top: 45px;
	left: 15px;
	right: 15px;
	z-index: 10;
	padding: 0;
	margin: 0px auto;
	border-width: 1px;
	border-style: solid;
	border-color: #cbcfe2 #c8cee7 #c4c7d7;
	border-radius: 3px;
	background-color: #fdfdfd;
	max-height: 200px;
	min-height: 200px;
	overflow-y: scroll;
	color:#000;
}
.vessel_name .vessel_results .loader {
	width:60px;
	height:60px;
	position:absolute;
	margin:0px auto;
	left:0px;
	right:0px;
	top:80px;
}
.vessel_name .vessel_results li {
	display: block;
	border-bottom:1px solid #f2f2f2;
	text-align:left;
	padding:6px;
	cursor: pointer;
}
.vessel_name .vessel_results li:first-child {
	margin-top: -1px;
}
.vessel_name .vessel_results li:first-child:before, .vessel_name .vessel_results li:first-child:after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	border: 5px outset transparent;
}
.vessel_name .vessel_results li:first-child:before {
	border-bottom: 5px solid #c4c7d7;
	top: -11px;
}
.vessel_name .vessel_results li:first-child:after {
	border-bottom: 5px solid #fdfdfd;
	top: -10px;
}
.vessel_name .vessel_results li:first-child:hover:before, .vessel_name .vessel_results li:first-child:hover:after {
	display: none;
}
.vessel_name .vessel_results li:last-child {
	margin-bottom: -1px;
}
.vessel_name .vessel_results li span {
	color:#000;
}
.vessel_name .vessel_results li:hover {
	text-decoration: none;
	background-color: #f2f2f2;
}
.vessel_name .vessel_results li p {
	margin:5px !important;
}
.employer_page .btn.empty.inactive,  .employer_page .btn2.empty.inactive {
	border: solid 1px #6699FF;
	color: #6699FF !important;
	cursor:auto;
	background:transparent;
}
.employer_page .btn.empty.inactive:hover,  .employer_page .btn2.empty.inactive:hover {
	text-decoration: none;
	border: solid 1px #6699FF;
	background:transparent;
	color:#0033CC;
	box-shadow:none;
}
.payment_f {
	background:#e3e6ef;
	padding:20px;
	border: solid 1px #ccc;
}
.payment_f .input-group .form-control {
	z-index:inherit;
	border-radius:0 8px 8px 0;
}
.payment_f .input-group .form-control:focus {
	margin-bottom: 0;
	width: auto;
}
/*label {
	font-weight:600;
}*/
.register_layout .multiselect_box input[type="text"] {
	height: 20px !important;
	margin: 0 !important;
}
 .register_layout .multiselect_box div[class*="control"] {
 border-radius: 5px;
 border:1px solid #919191;
 height: 46px;
 margin-bottom: 20px;
}
.register_layout .srv-validation-message {
	line-height:1.1;
	font-size: 15px;
}
.register_layout .payment_f .input-group-prepend {
	height: 46px;
}
.hint {
	font-size:14px;
	font-style:italic;
	color:#666;
	display:block;
	line-height:1.2;
	margin:-15px 0 20px 0; 
	padding-left:25px;
	position:relative;
}
.hint .fa {
	position:absolute;
	left:0;
	top:2px;
}
.vessel_btn {
	display: inline-block;
}
.vessel_btn a {
	color:#fff !important;
	text-decoration:underline;
}
@media (min-width:768px) {
 .vessel_btn {
 margin:19px 0 0 0;
}
}
.custom-checkbox input[type="radio"], .custom-checkbox input[type="checkbox"] {
	position:absolute;
}
 .vessel_btn a::before {
 background-image: url(../images/arrow.png) !important;
}
/*new css for employer and crew*/


.vessel_box {
	margin-top:40px;
	margin-bottom:40px;
}
.vessel_box .vessel_outer {
	background:#c2c2c2;
	border:1px solid #c2c2c2;
	border-radius:20px;
	height:auto;
	width:450px;
	margin:0px auto;
	-ms-transform: rotate(-2deg); /* IE 9 */
	transform: rotate(-3deg);
}
.vessel_box .vessel_inner {
	background:#0033cc;
	text-align:center;
	height:auto;
	width:444px;
	padding:20px 15px;
	border-radius:20px;
	-ms-transform: rotate(2deg); /* IE 9 */
	transform: rotate(3deg);
	margin:0 auto;
}
@media(max-width:576px) {
 .vessel_box .vessel_inner {
 background:#0033cc;
}
}
.vessel_box .vessel_inner h3 {
	color:#fff;
	font-size:30px;
	text-transform:uppercase;
	font-weight:500;
	margin-bottom:10px;
}
.vessel_box .vessel_inner ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.vessel_box .vessel_inner ul li {
	display: inline-block;
	text-align: left;
	color: #fff;
	font-size: 19px;
	font-weight: 400;
	margin: 0px 25px;
	vertical-align: top;
}
.plan_heading {  /*25feb22*/
	/*font-size:53px;*/
	color:#06b56d;
	font-weight:600;
	font-size: 30px;
	
}
@media(max-width:1200px) {
 .vessel_btn {
 position: relative;
 text-align: center;
 right: 0px;
}
}
@media (max-width:896px) {
 .subscription_plan {
 padding:0px 20px !important;
}
 .main_heading2 {
 font-size:23px !important;
}
 .plan_heading {
 font-size:33px;
}
 .vessel_text {
 text-align:center;
 margin: 0px 0px 10px;
}
}
.sec_membership {
	padding:0px 50px;
	background:#e9f1ff;
}
.membership {
	padding:10px 0px 30px;
	max-width: 1600px;
	margin: 0 auto;
}
.member_o {
	background:#fff;
	border:solid 1px #e3e6ef;
	padding: 12px;
	margin: 25px 0px 30px;
}
.member_o p {
	margin: 0;
	border-right: 1px solid #e3e6ef;
	color: #000;
	text-align: center;
}
.member_o p span {
	color: #6699ff;
}
@media (min-width:767px) and (max-width:991px) {
 .member_o p span {
 display:block;
}
}
.member_o > div:last-child p {
	border:none;
}
.price_plan {
	margin-top:80px;
	padding-left:15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.best_value {
	margin-top:-15px;
	height:285px;
	position: relative;
	z-index: 1;
	padding-top:40px;
}
.price_label {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.34;
	margin-bottom: 0;
	padding: 5px 20px;
	border-radius: 50px;
	position: absolute;
	top: -15px;
	right: 0px;
	margin: 0px 70px;
	left: 0px;
	text-align: center;
}
.price_label.basic {
	background: #06b56d;
	color: #fff;
}
.price_icon {
	margin-bottom:15px;
}
.price {
	font-size: 48px;
	color: #f25944;
	line-height: 44px;
	margin: 25px 0 0px;
	padding-top: 30px;
	font-weight: normal;
	border-top: 1px solid #ccc;
}
.price-info {
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
	color: inherit;
	width: 100%;
	margin: 0;
	color: #000;
}
.price-info small {
	color:#868686;
	font-size:16px;
}
.price_plan .price_right {
	margin-left:25px;
}
.price_plan .price_right .price_icon {
	margin-bottom:10px;
}
.price_plan .price_right .price {
	padding-top:0px;
	margin-top:0px;
	border:none;
	position: absolute;
	top: 40px;
	right: 115px;
}
.btn1 {
	margin-top: 30px;
	padding: 7px 35px;
	text-transform:uppercase;
}
 @media(max-width:1100px) {
.price_box {
 padding:25px;
}
}
@media (max-width: 991px) {
 .price_box {
 margin-bottom: 20px;
}
}
@media (max-width: 767px) {
 .price_box {
 margin-bottom: 40px;
 height:auto;
}
}
@media (max-width: 575px) {
 .price_box {
 margin-bottom: 20px;
}
}
/*crew packages*/

.sec_crew_membership {
	padding:0px 25px 40px;
	background:#e5eeff;
}
.emp_plans {
	max-width:1100px;
	margin:0 auto 30px;
}
.enterprise_T {
	margin:0 0 20px 0;
}
.pricing {
	margin-top:50px;
	margin-right: -8px;
	margin-left: -8px;
	justify-content: center;
}
.pricing .pricing_box {
	max-width: 20%;
	padding: 0px 8px;
	margin-top: 20px;
}
.pricing .card {
	border: none;
	border-radius: 20px;
	transition: all 0.2s;
	margin-bottom:30px;
	background: linear-gradient(to bottom, #0033cc 30%, #ffffff 20% 70%);
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3);
}
.pricing .card.standard_bg {
	background: linear-gradient(to bottom, #6699ff 30%, #ffffff 20% 70%);
}
.pricing .card .card_bg {
	background: url(../images/price_bottom.png) center no-repeat;
	background-size: 115%;
	background-position: bottom;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
@media (max-width:1500px) {
 .pricing .card .card_bg {
 background-size: 170% auto;
}
 .free_plans .pricing .card .card_bg {
 background-size: 100% auto;
}
}
.pricing .card .card-body {
	padding:0px;
}
.pricing .card-title {
	margin: 0px 0px 0px;
	padding:10px 5px;
	font-size: 24px;
	font-weight: normal;
	color:#fff;
}
.emp_plans .pricing .card_price_box {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	text-align:center;
	background:url(../images/price_top.png) center no-repeat;
	background-size: 100% 100%;
	background-position: top;
	padding: 10px 0px 31px;
	margin-bottom: 0px;
}
.pricing .card-price {
	font-size: 46px;  /*17sep21*/
	margin: 0px 0px 0px;
	color: #000000;  /*17sep21*/
	font-weight: 700;  /*17sep21*/
	text-align:center;
	position:relative; /*17sep21*/
	padding-top:30px;
}
.card_price_box del {  /*17sep21*/
	color: #6b6b6b;
	text-decoration: none;
	padding: 0px 5px;
	font-weight: 500;
	font-size: 26px;
	display: block;
	display:inline-block;
	position:absolute;
	top:0;
	left: 50%;
	transform: translateX(-50%);
}
.card_price_box del:before {  /*17sep21*/
	content: " ";
	display: block;
	width: 100%;
	border-top: 2px solid #fe5948;
	height: 8px;
	position: absolute;
	bottom: 10px;
	left: 0;
	transform: rotate(-15deg);
}
.pricing .old-price {
	font-size: 26px;
	margin: 0px 0px 0px;
	line-height:1;
	color:#f25944;
	font-weight:600;
	text-align:center;
}
s, strike {
	text-decoration: none;
	/*we're replacing the default line-through*/
  position: relative;
	display: inline-block;
	color:#6f6f6f;
	padding:0 5px;/* keeps it from wrapping across multiple lines */
}
s:after, strike:after {
	content: "";
	/* required property */
  position: absolute;
	bottom: 6px;
	left: 0;
	border-top: 2px solid red;
	height: 45%;
	/* adjust as necessary, depending on line thickness */
  /* or use calc() if you don't need to support IE8: */
  height: calc(50% - 1px);
	/* 1px = half the line thickness */
  width: 100%;
	transform: rotateZ(-14deg);
}
.pricing .period {
	font-size: 20px;
	font-weight:normal;
	margin-left:0px;
	color:#898888;    /*17sep21*/
	margin-top: 0px;
}
.pricing .card_text {
	text-align:center;
	padding: 5px 15px 10px;
	min-height:115px;
}
.free_plans .pricing .card_text {
	min-height:136px;
}
.pricing .card_text p {
	font-size:17px;
	margin-bottom:0px;
}
.pricing .card_text p span {
	font-size:23px;
	color:#06b56d;
	line-height: 1;
}
.pricing .card_text p strong {
	display:block;
	font-weight:400;
}
.pricing .card_text .custom-control {
	display: inline-block;
}
.pricing .card_text .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
 background:#06b56d;
}
.price_label1 {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.34;
	margin-bottom: 0;
	padding: 5px 15px;
	border-radius: 50px;
	position: absolute;
	text-transform:uppercase;
	top: -15px;
	right: 0px;
	margin: 0px auto;
	width: 120px;
	left: 0px;
	text-align: center;
}
.price_label1.popular {
	background: #06b56d;
	color: #fff;
}
.pricing ul {
	margin-bottom:60px;
	margin-left: 23px;
}
.pricing ul li {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom:1px solid #dbdbdb;
	font-size:17px;
}
.pricing ul li:last-child {
	border-bottom:none;
}
.pricing ul li .fa-li {
	font-weight:normal;
	text-align:left;
	width: 18px;
	left: -22px;
	top: 0px;
}
.pricing ul li .fa-li .fa-check {
	color:#06b56d;
}
.pricing ul li .fa-li .fa-times {
	color:#c61e10;
}
.pricing ul li .fa-li .fa-circle {
	color:#06b56d;
	font-size:15px;
}
.pricing .text-muted {
	opacity: 0.7;
}
/*.pricing .btn {
	border-radius: 5rem;
	font-family: jost, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 20px;
	transition: all 0.2s;
	padding: 6px 37px 4px;
	background: #fff;
	color: #03c !important;
	line-height: 1;
	letter-spacing: 0;
	margin: 0 auto;
	text-transform: none;
	margin: 0 0 11px 0;
}
.pricing .btn.active, .pricing .btn:hover {
	background: #06B56D;
	color: #fff !important;
}*/

.pricing .btn {    /*9may22*/
	border-color:#06b56d;
	background: #06b56d;
	margin: 20px 0 0px 0;
	padding: 6px 21px 5px;
	font-size: 16px;
	line-height: 1;
}
.pricing ul li .btn {  /*10may22*/
margin: 10px 0 10px 0;
}
.pricing .btn.active,
.pricing .btn:hover  {
	
	background: #06B56D;
	color: #fff !important;
	
}
@media(max-width:991px){ /*9may22*/

.pricing .btn {
	padding: 3px 8px 3px;
	font-size: 12px;
}
	
}
.pricing .professional, .pricing .platinum {
	margin-top: -10px;
	z-index: 1;
}
.main_heading2 {
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
	margin-bottom: 15px;
	color: #000;
}
.pricing .professional .card-title, .pricing .platinum .card-title {
	padding: 21px 10px 10px;
}
.standard_features {
	background:#fff;
	border-radius:20px;
	overflow:hidden;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
	margin:20px 0px;
	padding-bottom:10px;
}
.standard_features .standard_title {
	background:#6699ff;
	padding: 13px 15px 10px;
	font-size: 20px;
	font-weight:normal;
	color:#fff;
	margin:0;
	margin-bottom:20px;
}
.manager_sec {
	margin-bottom:20px;
	position:relative;
}
.number {
	font-size: 85px;
	font-weight:900;
	color:#6699ff;
	font-family:Arial;
	position: absolute;
	top: 0px;
	left: -37px;
}
.manager_details {
	position:relative;
	z-index: 1;
	padding:15px;
	box-shadow:0px 0px 10px rgb(0 0 0 / 20%);
	min-height:105px;
	background:#fff;
}
.manager_sec p {
	font-size: 18px;
	font-weight:normal;
	margin-bottom:0px;
}
.custom-control-label {
	margin-bottom: 0;
	text-align: left;
}
.manager_sec p strong {
	font-size:19px;
	font-weight:600;
}
.standard_list {
	list-style: none;
	padding: 0;
	margin: 0px 20px 0;
}
.enterprise_T {
	background:#fff;
	border-radius:20px;
	box-shadow:0px 0px 2px 1px rgb(0 0 0 / 30%);
	overflow:hidden;
}
.enterprise_left {
	background: url(../images/enterprise_left_bg.png) center no-repeat;
	background-size: 100% 100%;
	background-position: left;
	padding:60px 60px 60px 30px;
	text-align:center;
	min-height:100%;
}
.enterprise_left h3 {
	color:#fff !important;
	font-size:27px;
	font-weight:600;
	margin-bottom:20px;
}
.enterprise_left h2 {
	font-size:53px;
	font-weight:bold;
	color:#fff;
}
.enterprise_right {
	padding:20px 30px 20px 0px;
}
.enterprise_right ul {
	list-style: none;
	padding: 0;
	margin: 0px 0px 0;
}
.enterprise_right li {
	position: relative;
	padding: 0 0 10px 25px;
	font-size:17px;
}
.enterprise_right li strong {
	color:#0033cc;
	font-weight:600;
}
.enterprise_right li:before {
	background-image: url(../images/check3.png);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 15px;
	margin-right: 7px;
	content: "";
	top: 4px;
	left: 5px;
}
 @media (min-width: 992px) {
 .standard_list {
 margin: 0 20px;
}
}
.standard_list li {
	position: relative;
	padding: 0 0 10px 25px;
}
.standard_list li:before {
	content: "\f00c";
	position: absolute;
	left: 0;
	top: 3px;
	font-family: "FontAwesome";
	color: #06b56d;
	font-size: 15px;
}
/* Hover Effects on Card */
@media (min-width: 992px) {
 .pricing .card:hover {
 box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
}
}
 @media(max-width:1024px) {
 .pricing .pricing_box {
 max-width: 35%;
 padding: 0px 10px;
}
}
@media(max-width:992px) {
 .pricing .pricing_box {
 max-width: 33%;
}
 .pricing .platinum.best_offer {
 margin-top:15px;
}
 .enterprise_left {
 background-size: 115% 100%;
 padding:30px;
}
 .enterprise_right {
 padding:20px;
}
}
@media(max-width:896px) {
 .sec_crew_membership {
 padding:0px 0px 20px; /*2nov21*/
}
 .pricing .pricing_box {
 max-width:inherit;
}
 .manager_sec {
 margin-left:30px;
}
 .employer_r_data .register_layout label {
 font-size:12px;
}
}
@media(max-width:576px) {
 .pricing {
 margin-top: 25px;
}
 .standard_list {
 margin:20px 20px 0px;
}
 .pricing .card .card_bg {
 background-size:100%;
}
 .vessel_box .vessel_inner ul li {
 margin: 0px 1%;
 font-size:16px;
 width: 26%;
 text-align: left;
}
.vessel_inner ul li:nth-child(2) {
 width: 45%;
}
.vessel_inner ul li:nth-child(3) {
 width: 18%;
}
}
@media(max-width:490px) {
 .vessel_box .vessel_outer,  .vessel_box .vessel_inner {
 width:100%;
}
/*.vessel_box .vessel_inner ul li{
		margin:0px 15px;
	}*/
}
@media(max-width:428px) {
 .vessel_box .vessel_inner h3 {
 font-size:25px;
}
/*	.vessel_box .vessel_inner ul li{
		margin:0px 10px;
		font-size:17px;
	}*/
}
@media(max-width:360px) {
 .subscription_plan p {
 font-size:13px;
}
/*	.vessel_box .vessel_inner ul li{
		margin:0px 20px 0 0;
		font-size:16px;
	}*/
}
 @media(max-width:992px) {
 .standard_features {
 padding-bottom:30px;
}
 .standard_list {
 margin-bottom:0px;
}
}
.card-body .bottom_btn {
	height:40px;
}
button.fa, button.fa:hover {
	padding:0;
	background:transparent;
	color:#0033cc;
	border:none;
	margin:0 5px;
	box-shadow:none;
	position:relative;
	top:-1px;
}
.employer_page button.fa, .employer_page button.fa:hover {
	color:#6699ff;
}
.pricing_table .plan_features span.fa {
	font-size: 17px;
	background: transparent;
	padding: 5px 0 0 0;
}
.bg_lightblue {
	background:#e8f0ff;
	padding:10px 0 40px;
}
/*.btn{
	width: 118px;
height: 30px;
line-height:30px;
margin: 0;
border: none;
border-radius: 19px;
padding: 2px 10px 0;
cursor: pointer;
font-weight: 400;
font-size:16px;
}*/

.employer_r_data .react-tel-input .flag-dropdown.open {
	z-index:111;
}
.employer_r_data .flag-dropdown {
	border: solid 1px #bababa !important;
	height: 46px;
}
.employer_r_data .react-tel-input {
	padding-left:0 !important;
	padding-right:0 !important;
}
/*.vessel_inner ul li:nth-child(2){
	width:90px;
}*/

.employer_r_data .required + label.label_up {
	background-color: #fff;
}
.employer_r_data .react-tel-input > label {
	background-color: transparent;
}
.payment_f .row {
	margin-left:-7px;
	margin-right:-7px;
}
.payment_f .row > div[class*="col"] {
 padding-left:7px !important;
 padding-right:7px !important;
}
.payment_f .input-group {
	padding-left:0px !important;
	padding-right:0px !important;
}
.payment_f .form-control {
	border-radius:0 8px 8px 0;
}
.payment_f .input-group label {
	margin-left: 34px !important;
}
.register_toggle {
	margin: 20px 0px 0px;
	display:block;
	width: 170px;
}
@media (min-width:768px) {
.register_toggle {
 margin: -10px 0px 10px;
 float: right;
}
}
 @media (max-width:1200px) {
 .add_vessel .row {
 margin-left:-7px;
 margin-right:-7px;
}
 .add_vessel .row > div {
 padding-left:7px;
 padding-right:7px;
}
}
.payment_f .required + label, .payment_f .form_blocks .required + label, .payment_f .input_animate + label, .payment_f .form_blocks .input_animate + label {
	left: 19px;
	right: 18px;
}
.register_layout .react-tel-input .flag-dropdown {
	height: 46px;
	border: solid 1px #828282 !important;
}
.react-tel-input .flag-dropdown.open {
	z-index: 200;
}
.plan_error {
	text-align: center;
	margin-top: -10px;
	margin-bottom: -5px;
}
 @media (min-width:991px) {
 .plan_error {
 text-align: center;
 margin-top: 15px;
 margin-bottom: -10px;
}
}
/**/

.package_update {
	background-color:#fff;
	padding-top: 25px;
}
.package_update h2 {
	font-size:32px;
	margin-bottom: 0;
}
.package_update h2 + p {
	margin-bottom:40px;
}
.plan_body {
	position: relative;
	
}
.plan_body dl {
	background:#edf0f7;
	
	display: table;
	margin:0;
	width:100%;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
	border-radius:18px;
	padding:20px;
	position: relative;
	overflow:hidden;
	z-index: 1;
	max-width:950px;
	margin:0 auto;
}
.plan_body dl dt {
	display: table-cell;
	vertical-align: middle;
	width:50%;
}
.plan_body dl:before {
	content:"";
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	background-color:#0033cc;
	width:46.5%;
	z-index:-1;
	border-radius: 18px 0 0 18px;
}
.plan_body dl:after {
	content: "";
	position: absolute;
	left: 54.5%;
	top: 0;
	bottom: 0;
	background-image: url(../images/package-shape.png);
	background-repeat:repeat-y;
	height: 100%;
	width: 51px;
	z-index: -1;
	background-size: contain;
	transform: translateX(-166%);
}
 .plan_body dl dt:nth-child(1) {
color:#fff;
padding-left: 28px;
}
 .plan_body dl dt:nth-child(2) {
padding-left:95px;
}
.plan_body dl dt h3 {
	font-size:28px;
	color:#fff !important;
	font-weight:600;
}
.plan_body dl dt table {
	margin-top:18px;
}
.plan_body dl dt table tr td {
	padding: 0 10px 10px 0;
	position: relative;
	vertical-align:top;
}
.plan_body dl dt table tr td:first-child:after {
	content:":";
	position: absolute;
	right:0px;
	top:0;
	color:#fff;
}
.plan_body dl dt table tr td:first-child {
	width:35%;
	padding-right:20px;
}
.plan_body dl dt table tr td:nth-child(2) {
 padding-left:15px;
}
.plan_body dl dt ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.plan_body dl dt ul li {
	position: relative;
	padding:0 0 10px 25px;
}
.plan_body dl dt ul li:before {
	content:"";
	position:absolute;
	left:0;
	top:5px;
	background-image: url(../images/package-check.png);
	background-repeat: no-repeat;
	width:13px;
	height:14px;
}
.plan_body dl dt ul li button:before {
	color:#03c;
}
.price_pack {
	display: inline-block;
	width: 160px;
	height: 160px;
	border-radius: 100%;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	padding-top: 40px;
	position: absolute;
	top: 50%;
	left: 51%;
	transform: translate(-64%, -50%);
	z-index: 11;
	background-color: #fff;
}
.price_pack p {
	margin:0;
	font-weight:500;
	color: #585858;
}
.astrick {
	color:#08b46c;
}
.price_pack h3 {
	font-weight:600;
	color:#08b46c;
	font-size:55px;
	margin:0;
	font-family: 'Jost';
}
.plan_body_info{
	color:#555555;
	max-width:910px;
	margin:12px auto 10px;
	font-size:0.9em;
}
.package_update + br {
	display: none;
}
 @media(max-width:920px) {
 .plan_body dl:after {
transform: translateX(-134%);
background-size: cover;
}
 .price_pack h3 {
font-size:45px;
}
 .price_pack {
width: 140px;
height: 140px;
}
}
 @media(max-width:896px) {
 .plan_body dl, .plan_body dl dt {
display: block;
width:100%;
}
 .plan_body dl:before {
display: none;
}
 .plan_body dl {
padding:0;
}
 .plan_body dl dt:first-child {
background-color:#03c;
text-align: center;
padding: 25px 5px 65px;
}
 .plan_body {
 max-width: 470px;
 margin: 0 auto;
}
 .plan_body dl dt table tr td:first-child {
 width:50%;
 text-align:right;
}
 .plan_body dl dt table tr td:nth-child(2) {
 width: 50%;
}
.plan_body dl dt table {
 width:100%;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
}
 .plan_body dl dt:nth-child(2) {
padding: 115px 10px 5px;
}
 .price_pack {
transform: translate(-50%, -84%);
}
 .plan_body dl:after {
display: none;
}
 .plan_body dl dt:nth-child(1) {
position: relative;
}
 .plan_body dl dt:nth-child(1):after {
content: "";
position: absolute;
background-image: url(../images/package-shape-mb.png);
display: block;
height: 52px;
bottom: -51px;
left: 0;
right: 0;
width: 100%;
background-size: cover;
}
.package_update + br, .package_update + br + br {
display: none;
}
}
 @media(max-width:480px) {
.plan_body dl dt h3 {
 font-size: 24px;
}
.package_update {
padding-bottom:20px;
}
 .package_update h2 {
 font-size: 28px;
}
.price_pack {
 transform: translate(-50%, -88%);
}
}
.payment_f .option_box{
	display:block;
	margin-right:0;
}
.payment_f .option_box label{
	margin-right:0;
}
 @media(min-width:1200px) {
.payment_f .info_list{
	min-width:550px;
}
.summary_p .info_list{
	
}
 }
  @media(max-width:1199px) {
.payment_f .option_box label{
	display:block;
}	  
  }
.payment_f .option_box label:hover{
	cursor:pointer;
}
.payment_f .info_list li strong,
.summary_p .info_list li strong{
	width:60%;
}
.payment_f .info_list li span,
.summary_p .info_list li span{
	width:40%;
}
@media(max-width:567px) {
.payment_f .info_list li strong{
	width:45%;
}
.payment_f .info_list li span{
	width:55%;
}  
 
.summary_p .info_list li strong{
	width:50%;
}

.summary_p .info_list li span{
	width:50%;
}  
	  
}
  .disabled_form{
	position:relative;
}
.disabled_form::before{
	  position: absolute;
  z-index: 20;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(227, 230, 239, 0.6);
  border-radius: 12px;

}

/*.summary_p {
  background: #69f;
  color: #fff;
}*/
.promo_box {
  display: inline-block;
  border: solid 1px #06B56D;
 /* border: solid 1px #9bff2d;*/
  border-radius: 5px;
  color: #000;
 /* color:#fff;*/
  padding: 5px 10px;
  margin: 0 0 0 15px;
  font-style: normal;
}
.no_promo{
	margin:0 0 0 30px;
	border-radius:50%;
	height:25px;
	width:25px;
	text-align:center;
	border:solid 1px #aaa;
	/*border:solid 1px #fff;*/
	display:inline-block;
	color:#555;
	/*color:#fff;*/
}
@media (max-width:480px){
.no_promo{
	margin:0 0 0 20px;
}
}


/*---------crew register for landing site only ------*/
.subs_plan{
    background: #e9f1ff;
	border-radius:15px;
}
@media (max-width:576px){
	.subs_plan{
	padding: 10px 8px 10px;
	margin-left:-15px;
	margin-right:-15px;
	}
	
}
@media (min-width:577px){
.subs_plan{
	padding:30px;
    background: #e9f1ff;
	border-radius:15px;
}
}
.subscription_title {
  font-size: 23px;
	line-height: 1.1;
	margin: 20px 0 15px 0;
	font-weight: normal;
	border-bottom: solid 1px #fca332;
	padding: 0 0 10px 0;
}
.subscription_title span{
  color: #fca332;
}
.col_dl {
  display: block;
  margin-top: 10px !important;
  margin-bottom: 12px !important;
}
.option_box {
  display: inline-block;
  margin-right: 25px;
  margin-top: 0px !important;
  position: relative;
  padding-left: 24px;
  position: relative;
  text-align: left;
}
.payment_f .option_box {
  display: block;
  margin-right: 0;
}
.option_box .level_radio, .option_box .custom_check {
  position: absolute;
  left: 0;
  top: 2px;
}
.option_box .level_radio + label, .option_box .custom_check + label {
  margin-left: 4px;
}
.payment_data .container{
	width:auto;
	padding:0 15px;
}
.payment_data h4{
	text-transform:uppercase;
	font-weight:500;
	font-size:1em;
	margin: 0 0 15px 0;
}
.payment_data h4.heading_h4{
	font-size:1.15em;
}
.link_blue{
	color:#03c;
	text-decoration:underline;
}
.link_blue:hover{
	color:#03c;
	text-decoration:none;
}