/* ---------   modal-pop-up.css ---------------*/


.modal{
	background:transparent !important;
	z-index:999999;
}
.modal-content {
    border-radius: 20px;
}
.modal-backdrop{
	height:100% !important;
	z-index:99999;
}
.fade.in {
    opacity: 1 !important;
}

.modal-backdrop.fade.in, .modal-backdrop.fade.show {
    opacity: 0.6 !important;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out !important;
       -o-transition:      -o-transform .3s ease-out !important;
          transition:         transform .3s ease-out !important;
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
       -o-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
		  top: -50%;
			margin: 0;
			left: 50%;
}
.modal.in .modal-dialog {
   -webkit-transition: -webkit-transform .3s ease-out !important;
       -o-transition:      -o-transform .3s ease-out !important;
          transition:         transform .3s ease-out !important;
		  
		  
		  -webkit-transform: translate(-50%, -50%) !important;
     		  -ms-transform: translate(-50%, -50%) !important;
               -o-transform: translate(-50%, -50%) !important;
              
		    transform: translate(-50%, -50%) !important;
			top: 50%;
			margin: 0;
			left: 50%;
			
			
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
	
	 -webkit-transition: -webkit-transform .3s ease-out !important;
       -o-transition:      -o-transform .3s ease-out !important;
          transition:         transform .3s ease-out !important;
		  
		  
		  -webkit-transform: translate(-50%, -50%) !important;
     		  -ms-transform: translate(-50%, -50%) !important;
               -o-transform: translate(-50%, -50%) !important;
              
		    transform: translate(-50%, -50%) !important;
			top: 50%;
			margin: 0;
			left: 50%;
}
.model_right.modal .modal-dialog{
	position: absolute;	
	right: 0;
    left:auto;
	top:50px; 
	bottom: 0;
	
	margin:0;
	background-color:#f5f6f9  !important;
	
	-webkit-transform: translate(0, 0) !important;
      -ms-transform: translate(0, 0) !important;
       -o-transform: translate(0, 0) !important;
          transform: translate(0, 0) !important;
	
	
	
}
.model_right.modal.fade .modal-dialog {
    max-width:70%;
	border-radius: 7px;
    width: 100%;
	transition: transform 0.17s ease-out !important;
}
.model_right.modal-open .modal {
	right: 0;
    left: auto;
	width:100%;
	background:transparent;
}
@media (max-width:1440px){
	.model_right.modal.fade .modal-dialog {
    max-width:80%;
	}
	
	
}
@media (max-width:1300px){
	.model_right.modal.fade .modal-dialog {
    max-width:80%;
	}
	
	
}
@media (max-width:1200px){
	.model_right.modal.fade .modal-dialog {
    max-width:90%;
	}
	
	
}
@media (max-width:896px){
	.model_right.modal.fade .modal-dialog {
    max-width:none;
	
	}
	
}

.modal.pic_modal{
	text-align:center;
	
}
.modal.pic_modal .modal-dialog {
	    width:auto;
    max-width: 1000px;
	display:inline-block;
}
.close, .modal-content .close, button.close, a.close:not([href]):not([tabindex]) {
	position: absolute ;
	z-index: 2000;
	top: 6px;
    right: 5px;
	opacity: 1 ;
	
	width: 27px;
    height: 27px;
    line-height: 26px;
	
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold ;
    font-size: 30px;
	color: #ffffff;
    text-align: center;
   
	background: #afafaf;
	border-radius: 50% ;
	border: 0;
	margin: 0;
}
a.close:hover{
	text-decoration:none;
}
.modal.medium_modal .modal-dialog {
	    width: 95%;
   max-width: 950px; 
}
.modal.large_modal .modal-dialog {
	    width: 95%;
    max-width: 1200px; 
}
.modal.ex_large_modal .modal-dialog {
	    width: 95%;
    max-width: 1600px;
	
}
.model_right.modal.fade:not(.in) .modal-dialog {
	-webkit-transform: translate3d(100%, 0px, 0px) !important;
	transform: translate3d(100%, 0px, 0px)!important;
}

.model_right.modal.fade.small_modal .modal-dialog{
	/* max-width:420px ; */
	transition: transform 0.3s ease-out !important;
}
.model_right.modal.fade.medium_modal .modal-dialog{
	/* max-width:650px ; */
	transition: transform 0.3s ease-out !important;
}
.model_right.modal.fade.large_modal .modal-dialog{
	/* max-width:750px ; */
	transition: transform 0.3s ease-out !important;
}
.model_right.modal.fade.ex_large_modal .modal-dialog{
	 max-width:90%; 
	transition: transform 0.3s ease-out !important;
}
.model_right .modal-content {

	
	background-color:#f5f6f9  !important;
	/* for full height*/
	height: 100%;
	overflow:auto;
	position:static;


}
.model_right .modal-body {
	padding:0;
	margin:0;
	position:static;
}
.model_right .close {
	top:10px;
	right:10px;
	text-align:center;
	cursor:pointer;
}

@media (min-width:897px){
	
	.model_right .close {
	display:none;
	}
	
}



/*--- .modelpost_block --*/


.modelpost_block ::-webkit-input-placeholder {
  text-transform: none;
}
.modelpost_block input:-moz-placeholder {
  text-transform: none;
}
.modelpost_block input::-moz-placeholder {
  text-transform: none;
}
.modelpost_block input:-ms-input-placeholder {
  text-transform: none;
}

.modelpost_block textarea::-webkit-input-placeholder {
  color: #0bf;
}

.modelpost_block textarea:-moz-placeholder { /* Firefox 18- */
  text-transform: none;  
}

.modelpost_block textarea::-moz-placeholder {  /* Firefox 19+ */
  text-transform: none; 
}

.modelpost_block textarea:-ms-input-placeholder {
   text-transform: none;
}

.modelpost_block textarea::placeholder {
  text-transform: none; 
}

.modelpost_block{
	
	/* max-width:781px; */
	float:right;
	padding:0 15px 30px;
	
	width:100%;
	height:auto;
	
	
}




@media(min-width:992px){
	.modelpost_block dt{
		text-align:right;
	}
}
.modelpost_block dt label{
margin-top:7px;
line-height: 1;
text-transform:capitalize;
}
.modelpost_block dl, .modelpost_block dd, .modelpost_block dt{
	margin-bottom:0;
}
.modelpost_block dt{
	
	font-weight:500;
}

.modelpost_block input[type="radio"], .modelpost_block input[type="checkbox"] {

    margin: 11px 10px 10px 1px;
    margin-top: 1px \9;
    line-height: normal;

}

.modal h3{
	margin:5px 12px 17px 0;   
	text-transform:uppercase;
	color: #0033CC;
	font-size: 1.125em;  
    font-weight: 500;    
	border-bottom: solid 1px #b7b7b7;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #b7b7b7;
	padding: 0 0 10px 0;
}

.employer_page .modal h3{

	color: #6699FF;
}

.left_tab {

    position: absolute;
    cursor: pointer;
    left: -17px;
    top: 250px;
    background: #f5f6f9 ;
    transform-origin: left;
    transform: rotate(-90deg);
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 3px 3px 0 0;
   /*  letter-spacing: 1px; */
    font-weight: bold;
	font-size: 15px;
}
.left_tab img{
	margin: 0 0 0 4px;
}
select {

    -webkit-appearance: none;
   /*  background: #fff url(../images/arrow-down.png) 99.2% 17px no-repeat; */
	background-position:99.2% 17px;
    padding: 8px 10px 10px;

}


.modelpost_block textarea {

    height: 90px;

}

.modelpost_block .tab-content{
	padding:20px ;
	background:rgba(255, 255, 255, 1);
	border:solid 1px #aaa;
	border-top:none;
}

.modelpost_block .nav-tabs > li.active > a,
.modelpost_block  .nav-tabs > li.active > a:hover, 
.modelpost_block .nav-tabs > li.active > a:focus {
	
	border-color:#aaa;
	border-bottom-color:transparent;
}

.modelpost_block .nav-tabs {

    border-bottom-color: #aaa;

}
.modelpost_block .modelpost_next{
	margin-top:17px;
}
.modelpost_block .tab-content h3 {

    margin: 20px ;

}
.modelpost_next .nav-tabs > li > a, 
.modelpost_next .nav-tabs > li > a:hover, 
.modelpost_next .nav-tabs > li > a:focus {
	font-size:17px;
	font-weight:500;
	color:#3b82b5;
	border: 1px solid #aaa;
}
.employer_page .modelpost_next .nav-tabs > li > a, 
.employer_page .modelpost_next .nav-tabs > li > a:hover, 
.employer_page .modelpost_next .nav-tabs > li > a:focus {
	
	color:#1f4e79;
	
}
.modelpost_next .nav-tabs > li.active > a, 
.modelpost_next .nav-tabs > li.active > a:hover, 
.modelpost_next .nav-tabs > li.active > a:focus {
	color:#000;
	background:#fff;
	
	
}


.modelpost_next .nav-tabs > li > a {

    margin-right: 5px;
    line-height: 1.42857143;
    border: 1px solid #aaa;
    border-radius: 8px 8px 0 0;
	background:#f5f6f9;

}
.modelpost_next .nav-tabs > li > a:hover {
	background:#fff;

}	

.crew_modal{
	padding:0 25px;
}
.modelpost_block h3 a{
	text-decoration:none;
	cursor:inherit;
}
.modal-content{
	border:none;
}

.modal_full .modal-dialog {
  width: 97%;
 /* height: 100%;*/
  margin: 0;
  padding: 0;
}

.modal_full .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

.modal_full .modelpost_block{
padding:10px;
}




.modal_full .modal-content {
/*margin: 10px auto 10px;*/
}
.modal_full .modelpost_block {
padding: 10px 10px 4px;
}


.modal-body, .guided-body {
    
    margin-top: 0px;
}

.modal .modal-dialog.auto_size_profile,  
.modal.auto_size .modal-dialog {
	margin:0 auto;
   width:650px;
   max-width: 97%;
   text-align:center;
  
}


.modal .modal-dialog.auto_size,  
.modal.auto_size .modal-dialog {
 
   width:auto;
   max-width: 97%;
   text-align:center;
  
}
.modal-dialog.auto_size .modal-content, 
.modal.in.auto_size .modal-dialog .modal-content,
.modal.show.auto_size .modal-dialog .modal-content{

	display:inline-block;
	width: auto;   /*19apr22*/
}
.modal.in .modal-dialog.auto_size .modal-body, 
.modal.in .modal-dialog .modal-body,
.modal.show .modal-dialog .modal-body,
.modal .modal-dialog .guided-body {
   max-height:96vh;
   overflow:auto;
   padding:15px;
}
@media(max-width:896px){
	.modal.in .modal-dialog.auto_size .modal-body, 
	.modal.in .modal-dialog .modal-body, 
	.modal.show .modal-dialog .modal-body,
	.modal .modal-dialog .guided-body {
		max-height: 90vh;
	}
}

.modal.in .modal-dialog.auto_size .modal-body,
.modal .modal-dialog.auto_size .guided-body{
   padding:0;
   text-align:left;
}

.model_right.modal.in .modal-dialog .modal-body{
	max-height: none;
	overflow:unset;
}

.modal-dialog .modalpic_block img, 
.modal .modal-dialog .modalpic_block video{
	max-height:96vh;
}
.modal-dialog.auto_size .modal-content video {
	height: 96vh;
}
.modal.in.model_right.right_bg .modal-dialog .modal-content .modal-body{
	position:relative;
	padding-right:280px ;
	min-height:100%;
}
.modal.in.model_right.right_bg  .modal-dialog .modal-content::before{
	content:'.';
	position:absolute;
	font-size:0;
	top:0;
	right:0;
	height:100%;
	width:230px;
	
	background-size: cover;
	
}

@media (min-width:1550px){
	.modal.in.model_right.right_bg .modal-dialog .modal-content .modal-body{
	
	padding-right:310px ;
	
}
.modal.in.model_right.right_bg  .modal-dialog .modal-content::before{

	width:260px;
	
	
}
}
@media (max-width:1300px){
	.modal.in.model_right.right_bg .modal-dialog .modal-content .modal-body{
	
	padding-right:180px ;
	
}
	.modal.in.model_right.right_bg  .modal-dialog .modal-content::before{
		
		width:150px;
	}
	
}

.right_bg.bg_yacht1 .modal-content::before{
		
	
	background:url(../images/graphic_left_bar1.png) center right no-repeat;
	
}
.right_bg.bg_yacht2 .modal-content::before{
		
	
	background:url(../images/graphic_left_bar2.png) center right no-repeat;
	
}
.right_bg.bg_yacht3 .modal-content::before{
		
	
	background:url(../images/graphic_left_bar3.png) center right no-repeat;
	
}
.right_bg.bg_yacht4 .modal-content::before{
		
	
	background:url(../images/graphic_left_bar4.png) center right no-repeat;
	
}
.login_modal .modal{
	background:rgb(255, 255, 255, 0.7) !important;
}
 
.login_modal .modal-content {
 /*   border-radius: 0px;*/
	box-shadow:0px 0px 20px 0px rgb(0 0 0 / 30%);
}
.close span, .modal-content .close span, button.close span {
    display: inline-block;
    height: 30px;
    position: relative;
    top: 1px;
}
.login_modal .login_bg{
    background-image: url(../images/login_bg.jpg);
	background-size:75% 100%;
	background-repeat:no-repeat;
	border-radius: 25px;
}
.login_modal .login_L {
	text-align:left;
}
.login_modal .modal-body > .row{
	
	flex-direction: row-reverse;
	
}
.login_modal .login_L img{
	max-width:200px;	
}
.login_modal .left_h{
	padding:47px 0 0 10px;
}
@media(max-width:767px){
.login_modal .login_L {
    text-align: center;
	display:none;
}

.login_modal .left_h{
	padding:5px 0 0 0;
}
}
.login_modal .left_h h1{
	font-size:35px;
	color:#fff;
	text-align:center;
	font-weight:600;
	text-shadow:1px 2px 2px rgba(0, 0, 0, 0.6);
	margin: 10px 0 10px 0;
}
.login_modal .left_h p{
	text-align:center;
	color:#fff;
	margin: 20px 0 0 0;
	font-size:21px;
	font-weight:500;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.8);
	line-height: 1.1;
}
@media (max-width:480px){
.login_modal .left_h p strong{
	display:block;
}
}
.login_modal .left_h p a{
	color:#6699ff;
}
.login_modal .right_f{   /*15nov22*/
	padding:0;
	/* min-height:365px; */
}
.login_modal .form_box1 {  /*15nov22*/
  border-radius: 12px;
  padding:20px 18px 20px;
  background:#e9f1ff;
}
.login_modal .right_f h3{
	font-size:17px;
	font-weight:500;
	color:#000;
	margin:7px 0px 30px;
	padding:0 0 15px 0;
	text-align:center;
}
.input_container {
    position:relative;
	margin-bottom:20px;
}
.input_container .input_bar {
    height: 46px;
    margin: 0 !important;
    padding-left: 57px !important;
    width: 100%;
	border-radius:14px;
}
.input_container input::placeholder{
	color:#000;
}
.input_container .input_img {
    position: absolute;
    top: 14px;
    left: 14px;
    border-right: 1px solid #ccc;
    padding-right: 12px;
}
.login_modal a {
	color: #03c;
	text-decoration: none;
}
.forget_l{
	padding-left:20px;
	border-left:1px solid #666666;
	margin: 0 0 0 20px;
}
.bottom-action{
	margin-bottom:20px;
}
.bottom-action .checkbox_b{
	border-radius:0px;
}
.login_modal .btn {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding: 13px 15px;
	height: auto;
	font-size: 15px !important;
	border-radius: 14px;
	letter-spacing: 1px;
	line-height: 1;
	background: #6699ff;
	border: none;
}
.login_modal .btn:focus{
	box-shadow:none;
}
	.bottom-action{
		text-align:center;
	}	
@media (max-width:896px){
	/*15nov22*/
	.login_modal .right_f{
		padding:0 5px;
	}
	.login_modal .left_h h1 {
    font-size: 29px;
	}
	.bottom-action{
		text-align:center;
	}
	.bottom-action .float-left,.bottom-action .float-right{
		float:inherit !important;
		margin-bottom:5px;
	}
	.forget_l{
		border-left:none;
	}
}		
@media (max-width:767px){
	 /*15nov22*/
	/*.login_modal .right_f{
		margin: 18px 0px 20px;
	}*/
	.login_modal .login_bg{
		background-size:cover;
	}
	
	.login_modal .left_h h1 {
    	font-size: 23px;
		margin: 0;
	}
	.login_modal .btn {
		margin:0;
	}
	.login_modal #send_otp_buttons {
		margin-top:15px;
	}
	.right_f .input_container {
    position: relative;
    margin-bottom: 15px;
	}
}

.login_modal .required + label, 
.login_modal .form_blocks .required + label, 
.login_modal .input_animate + label, 
.login_modal .form_blocks .input_animate + label {
    left: 72px;
    right: 30px;
    padding: 0 5px 0 0px;
    font-size: 13px;
    top: 10px;
}
@media(max-width:500px){
#resetPassModal .btn{
font-size:13px;
padding:13px 15px;
}
#loginModal .bottom-action label,
#loginModal .bottom-action a.forget_l{
	display:block;
	text-align:left;
}
#loginModal .bottom-action a.forget_l{
	padding:0;
	margin:5px 0 0;
}
}
#loginModal #pass-status-login{
	position: absolute;
    right: 10px;
    top: 13px;
}
#setPassModal .right_f{
	min-height:400px;
	height:auto;
}

#setPassModal .right_f .alert-success{
	min-height: 120px;
    padding-top: 30px;
}
/*15nov22*/
/*.login_modal .right_f{
	height:auto;
	margin-top:0px;
	padding-bottom:30px;
}*/
.login_modal .right_f h5{
	color: #06b56d;
	margin: -15px 0 15px;
}
/*15nov22*/

.login_modal .right_f .alert{ 

	margin: -15px 0 15px;
}
.login_modal .modal-dialog {  /*15nov22*/
  max-width: 500px;
}
@media (max-width:767px){
	.login_modal .left_h p {
		margin: 10px 0 0 0;
	}
	 /*15nov22*/
	.login_modal .left_h h1 {
    font-size: 21px;
	}
}
		
.crew_regis_modal h3{
	font-size:1.411em;
	margin:60px 0 20px 0;
}
.crew_regis_modal h6{
	font-size:1.2em;
	font-weight:600;
	color:#000;
	margin:20px 0 29px 0;
	
}
.crew_regis_modal dd{
	position:relative;
	padding:25px;
	z-index:1;
}
.crew_regis_modal dd:before{
	content:'.';
	font-size:1px;
	color:#fff;
	position:absolute;
	padding:15px;
	border-radius:12px;
	background:#ececec;
	top:10px;
	bottom:10px;
	left:10px;
	right:10px;
	z-index:-1;
}
.crew_regis_modal em{
	position:absolute;
	top: -1px;
	right: 24px;
	margin:0 auto;
	font-size:15px;
	font-style:normal;
	background:#06B56D;
	display:inline-block;
	width:167px;
	z-index:200;
	border-radius:12px;
	color:#fff;
	text-align:center;
}

.table_dl{
	display:table;
}
.table_dl dl{
	display:table-row;
	vertical-align:top;
}
.table_dl dd,
.table_dl dt{
	display:table-cell;
	vertical-align:top;
}
.crew_regis_modal .table_dl{
	width:100%;
}
.crew_regis_modal .table_dl dd{
	width:50%;
	padding-left: 25px;
	padding-right: 25px;
}
.crew_regis_modal .table_dl dd h4{
	text-align:center;
	margin: 10px 0 15px;
	font-size:1em;
}
@media (max-width:896px){
	.crew_regis_modal .table_dl{
	width:100%;
	display:block;
	margin:0;
}
.crew_regis_modal .table_dl dd{
	width:100%;
	display:block;
}
.crew_regis_modal h3 {
    font-size: 1.2em;
    margin: 8px 0 10px 0;
}
.crew_regis_modal h6 {
    font-size: 1em;
    margin: 10px 0 12px 0;
}
	.crew_regis_modal .table_dl dd h4 {
    text-align: left;
    margin: 2px 0 11px;
    font-size: 1em;
}
.crew_regis_modal dd:before{
	
	
	padding:15px;
	
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	
}
}

.crew_regis_modal .table_dl dd:before{
	background:#6699ff;
	
}
.crew_regis_modal .table_dl dd:last-child:before{
	background:#0033cc;
	
}
.crew_regis_modal .table_dl dd{
	color:#fff;
	
	padding-bottom:70px;
}
.crew_regis_modal .modal-body{
	background: url(../images/popup_bg1.jpg) top center no-repeat;
    background-size: auto;
	background-size: 100% auto;
	min-height: 424px;
	position:relative;
	z-index:1;
	border-radius: 20px;
}
.crew_regis_modal .modal-body:before{
	content: '.';
	font-size: 0;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	z-index: -1;
	/*background: rgba(0, 51, 204, 0.8);*/
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	border-radius: 20px;

}
.crew_regis_modal .modal .btn{
	border-radius:12px;
	text-transform: uppercase;
	position: absolute;
	bottom: 32px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 auto;
	background: #fff;
	color: #03c !Important;
	font-size: 14px !important;
	font-weight:500;
	padding: 4px 22px 5px !Important;
	border:none;
	font-family: 'Jost', sans-serif;
}


@media (max-width:896px){
	.crew_regis_modal .table_dl dd{
	padding:15px;
}
	.crew_regis_modal .modal .btn{
	
	position: static;
	transform:none;
	margin:0 auto;
	display:block;
	width:100px;
	}
	.crew_regis_modal .table_dl dd:last-child{
		margin-top:30px;
	}
	.crew_regis_modal em {
    
    top: -11px;
	}
}
.table_auto.auto_size .modal-dialog .modal-content {
    display: table;
    width: auto;
    margin: auto;
}
/*-------------share_bycrew modal css---------------*/
.share_bycrew .modal-dialog{
	max-width:610px;
}
@media (max-width:576px){
.share_bycrew .modal-dialog{
	max-width: 98%;
}
}
.share_bycrew .modal-content{
	background: #fff url(../images/whoweare_bg.jpg) top right no-repeat;
    background-size: cover;
}

@media (min-width:578px){
	.share_bycrew .modal-dialog .modal-body{
	padding-left:25px !important;
	padding-right:25px !important;
}
	
}
.share_bycrew figure{
	float:left;
	width:110px;
	height:110px;
	overflow:hidden;
	border-radius:10px;
	margin:0 7px 0 0;
	border:solid 1px #ccc;
}
.share_bycrew article{
	float:left;
	width:calc(100% - 120px);
	
}
@media (max-width:576px){
.share_bycrew figure {
    width: 100px;
    height: 100px;
    margin: 0 0px 0 0;
    
}
.share_bycrew article{
	float:left;
	width:calc(100% - 102px);
	
}
}


.share_bycrew .btn{
	margin-bottom:10px;
}
.share_bycrew h5{
	font-size:22px;
	margin:3px 0 20px 20px;
}
.share_bycrew p{
	    margin: 15px 0 20px;
}
.heading5 {
    font-size: 22px !important;
    margin: 0px 0 12px 0 !important;
    text-transform: none !important;
    border-bottom: solid 1px #888;
    padding: 0 0 12px 0;
}
@media (max-width:576px){
	.share_bycrew h5{
	font-size:19px;
	}
}
.show_pass {
    position: absolute;
    right: 22px;
    top: 13px;
	z-index:10;
}

.share_bycrew article > div{
	padding:0 0 0 15px !important;
}
#share_bycrew #csp-pass-status-login,
.share_bycrew #csp-pass-status-login {
    position: absolute;
    right: 8px;
    top: 15px;
}
.share_bycrew figure img{
	width:100%;
}
.share_bycrew input[type='text'], .share_bycrew input[type='password']{
	padding-right:30px;
}
.mCSB_scrollTools {
    opacity: 1 !important;
	
}
.mCustomScrollbar{
	height:100%;
}
/*.mCSB_inside > .mCSB_container {
    margin-right: 45px !important;
}*/
.mCSB_container{
	min-height:100%  !important;
}
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 10px  !important;
	
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px !important;
}
.mCSB_scrollTools .mCSB_dragger{
	
	
	border-top-right-radius:0px;
	border-top-left-radius:0px;
	
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 	opacity:1;
    background-color: #03c !important ;
    background:url(../images/scroll_image.png) top center no-repeat;
	width:10px;
	
}		
		
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
	border-radius:5px;


}
.mCSB_scrollTools .mCSB_buttonUp{
	
	  background:url(../images/top_arrowscroll.png) top center no-repeat !important;
	  opacity:1 !important;
	
}
.mCSB_scrollTools .mCSB_buttonDown{
	
	  background:url(../images/btm_arrowscroll.png) bottom center no-repeat !important;
	  opacity:1 !important;
	
}
.modal-content{
	box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
}


.left_h figure {
	max-width:300px;
	margin:0 auto;
	display:block;
	text-align:center;
}
@media (max-width:767px){
	.left_h figure {
	max-width:200px;
	}
	
}
.left_h figure .btn{
    width: 130px;
    margin: 10px auto 0;
    display: block;
    background: #c2c2c2;
    border: none;
    color: #222 !important;
    letter-spacing: 1px;
    font-weight: 500;
	border-radius: 40px;
	font-size: 16px;
    font-family: 'Jost', sans-serif;
    text-transform: uppercase;
	padding: 8px 17px 7px;
}
.left_h figure .btn.active {
    background: #06B56D;
    color: #fff !important;
}
.landing_popover{
	z-index:1111;
}
.modal_popover{
	z-index:999999;
}
.complete_view img{
	max-height:calc(96vh - 80px);
}
@media (max-width: 896px){
	
.complete_view img{
	max-height:calc(90vh - 80px);
}
	
}
.equal_btns .btn {
	padding: 13px 10px;
	font-size: 13px !important;
	border-radius: 9px;
	letter-spacing: 0.5px;
  }
  @media (min-width:501px){
	  .equal_btns .btn {
	width:48%;
	margin:10px 0;
	  }
  }
  @media (max-width: 500px){
	  .equal_btns .btn, .equal_btns .btn + .btn {
	 width:100%;
	margin:10px 0;
	  display:block;
	  }
  }