.flxrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flxfix {
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}
.content-wrapper > .content {padding: 0 30px;}
 body{font-family: 'DMSans-Regular'; }
.cls-header{background:#0F123F;}
.cls-header-inner{ max-width:1366px; margin:0 auto; height:64px; background:#0F123F; align-items:center; }
.cls-header-inner .user{ background:#333e63; min-height:64px;  align-items:center;   color: #fff; font-size: 16px;
line-height: 20px;  font-family: 'DMSans-Bold'; padding:0 15px 0 0px !important; display:flex; align-items:center;   }
.cls-header-inner .user i{ width:60px; border-radius:100px; border-right:#DEE4ED solid 1px; }
.cls-header-inner .user span{ padding:0  15px; text-align:center;    min-width:134px; display:inline-block; }

body .swal2-title{ font-weight:normal; margin:0 0 14px 0px; font-family: 'DMSans-Bold' !important; color:#0F123F !important;   }
body .swal2-title strong{ font-weight:normal; }
 
body .swal2-content{font-family: 'DMSans-Regular'!important ;color: #333E63 !important;   font-size: 18px;
line-height: 30px;
/* or 167% */

display: flex;
align-items: center;
text-align: center;

color: #333E63; margin:0 0 31px;}
body  .swal2-actions{ padding:0 0 4px; }

body .swal2-image{ margin-top:10px; }
.cls-header-inner .laval-text{padding:0 0 0 15px;  display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items:center;}
.laval-text ul{ margin:0px; padding:5px 0 0 5px; 
display: -webkit-box;
	display: -ms-flexbox;
	display: flex;  }
.laval-text ul li { display:inline-block; padding: 0 5px; }
.laval-text ul li a{ display:inline-block; width:15px; height:15px; background: #555F82; border-radius:10px; pointer-events:none; }
.laval-text ul li.active a{ background: #4FCBB5; }
.cls-header-inner .laval-text span{ position:relative; /* top:-2px; */ display:inline-block; padding:0px 0 0 9px; font-size:18px;
line-height: 31px; color:#fff;  font-family: 'DMSans-Bold';  }

.header-left{ align-items:center; padding:0 0 0 0px; }
.header-right{ align-content:center; font-family: 'DMSans-Bold'; margin-left:auto; }
.header-right .icon-text{ align-items:center;  padding:0 0px 0 0; }
.header-right .icon-text i{ position:relative; top:0px; padding:0 9px 0 0; }
.header-right .icon-text span{  color: #fff; font-size: 24px; line-height: 31px;}

.header-right .h_timer{ padding:1px 0 0  28px; font-size: 24px; color: #fff;
line-height: 45px;    align-items:center; }
.header-right .h_timer i{ position:relative; top:-2px; display:inline-block; padding:0 9px 0 0;  }
.header-right .h_star{ align-items:center;   padding:0 0 0 28px;  color: #fff; font-size: 24px; line-height:45px;}
.header-right .h_star i{ display:inline-block; padding:0 9px 0 0;  }
.help-btn{ margin:0 0 0 29px; display: -webkit-box; display: -ms-flexbox; height:64px; display: flex; align-items:center; padding:0 30px; background: #4FCBB5; }
.help-btn a{ display:inline-block; background: #FFFFFF; border-radius: 5px; width:75px; height:35px; line-height:35px; align-items: center; text-align: center; font-family: 'DMSans-Bold'; color: #4FCBB5; font-size:16px; text-transform:uppercase; }

.skip-btn{ margin:0 0 0 29px; display: -webkit-box; display: -ms-flexbox; height:64px; display: flex; align-items:center; padding:0 30px; background: #7480ff; }
.skip-btn a{ display:inline-block; background: #FFFFFF; border-radius: 5px; padding:0 20px; min-width:75px; height:35px; line-height:35px; align-items: center; text-align: center; font-family: 'DMSans-Bold'; color: #7480ff; font-size:16px; text-transform:uppercase; }

.car-modal .modal-body{ padding:0px; }
.car-modal .modal-xl{ max-width:1366px; }
.car-modal  .modal-content{ border:0px; position:relative; margin:90px 0 0 0; box-shadow:none; background: #F3F6FA; border-radius:0px; }
.car-modal  .modal-cls{ z-index:10; position:absolute; right:12px; top:6px; }
.car-modal  .modal-cls button.close{ outline:none; box-shadow:none; position:relative; top:-3px; padding:0px; font-family: 'DMSans-Bold'; min-width:30px; opacity:1; min-height:30px; text-align:center;  font-size:30px; text-shadow:none; background: #333E63; color:#fff; }
.car-modal  .modal-cls button.close:hover{ opacity:1; }

.car-modal-conatin{ padding:20px 12px; }

.left-box-modal{ 

 min-width:638px; width:638px; margin:0 22px 0 0; }
.left-box-top{box-shadow: 0px 0px 30px rgba(168, 180, 199, 0.2);padding:20px 25px 20px 37px;background: #FFFFFF;   min-height:506px;   }

.left-pat-bot{ margin-top:-148px; }
.left-box-top .name  { align-items:center;  }
.left-box-top .name i{ margin:0 15px 0 0; background: #0F123F;  font-family: 'DMSans-Bold'; font-style:normal;
border-radius:0px;  display:inline-block; height:40px; width:40px; text-align:center;  color: #FFFFFF; line-height:40px; font-size: 24px; }
.left-box-top .name span{ color: #677891; font-size: 24px; font-family: 'DMSans-Bold'; 
line-height: 31px;}
.left-box-top ul{ -webkit-column-count:2; column-count:2; flex-wrap:wrap;  padding:0px 0 0 12px; margin:0px; } 
.left-box-top ul li{  margin:0px 0 0 0; font-family: 'DMSans-Regular'; font-size: 14px;
line-height: 27px; color: #677891; }
.right-blk-time{ display: -webkit-box;
	display: -ms-flexbox;
	display: flex; justify-content:center; margin-left:auto; width:200px; align-items:center; background: #0F123F; height:60px;    }
.right-blk-time .right-blk + .right-blk{ width:113px; border-left:#fff solid 1px; }
.right-blk-time .right-blk { text-align:center; width:87px; font-family: 'DMSans-Bold'; font-size:12px; line-height: 16px; color: #FFFFFF; padding:0 0px; }
.right-blk-time .right-blk span{ display:block; padding:0px 0 0 0; font-size: 18px; line-height:23px; text-align:center;  }

.ul-list h4{ margin:0px; padding:  6px 0; font-size: 16px;
line-height: 21px;font-family: 'DMSans-Bold';color: #0F123F;}

.left-pat-bot .big-car-center{ padding:33px 0 0 0; text-align:center; }
.left-pat-bot .big-car-center img{ max-width:100%; display:inline-block;  text-align:center; }
.left-pat-bot .big-car-center + .big-car-center{ padding:43px 0 0 0; } 

.left-box-bottom{ padding:53px 0 0px 0; }
.left-box-bottom .row{ margin:0 -25px; }
.left-box-bottom .row .col-md-6{ padding:0 25px;} 
.bot-box{ min-height:287px; flex-direction:column; }
.bot-box_inner label{ align-items:center; font-weight:normal; padding:0 0 0 0px; margin:0 0 9px;color: #677891;  font-family: 'DMSans-Medium';  font-size: 14px;
line-height: 18px; }

.bot-box_inner label .right-links{ margin-left:auto; }
.bot-box_inner label .right-links a{color: #0F123F; font-size: 14px;font-family: 'DMSans-Bold';
line-height: 18px;
-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}
.bot-box_inner label .right-links a i{ display:inline-block;  padding:0 0 0 9px; position:relative; top:-1px; 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; right:0px;
}
.nice-select .list::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
.nice-select .list::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.nice-select .list {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
body .nice-select .list{ border:#dde4ee solid 1px; margin:5px 0 0 0; background:#fff;  padding:10px 9px; box-shadow:rgba(0,0,0,0.25) 0 4px 4px;}
.bot-box_inner label .right-links a:hover i{ right:-8px; }
.bot-box_inner label:not(.form-check-label):not(.custom-file-label){ font-weight:normal; }
.bot-box_inner  .form-control{ background: none !important ; border: 1px solid #DEE4ED; height: 40px; width:100%; line-height:40px; color: #0F123F;font-size: 18px; font-family: 'DMSans-Medium';
border-radius: 0px;  
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.bot-box_inner  .form-control:hover,
.bot-box_inner  .form-control:focus{ border:#0F123F solid 1px; }

.left-box-modal-2 .bot-box label.error{ margin:0px; padding:0px; font-size:12px; color:#F00; font-family: 'DMSans-Regular'; }
.bot-box_inner  select.form-control{ height:auto; }
.bot-box_inner .enter-text{ display:inline-block; width:100%;  padding:6px 0 0 5px; color: #C9D0DA;font-size: 12px; line-height:16px; }

.bot-box_inner .form-control.nice-select{ border: 1px solid #DEE4ED; }
.bot-box .btn-bar{ margin-top:auto; }
.bot-box .btn-bar a{ display:inline-block; background: #333E63;
border-radius: 5px; text-align:center;  width: 133px; font-family: 'DMSans-Bold';
height: 50px; 
color: #FFFFFF; font-size: 16px; line-height:50px; 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.bot-box .btn-bar a:hover,
.car-submit-row .submit-btn button:hover,
.submit-btn input[type=submit]:hover,
.thank-you_blk .next-btn a:hover{ background:#dee4ed; color:#333E63; }
.submit-btn input[type=submit]{ box-shadow:none !important; outline:none !important; }
.left-box-modal-2-main{width: 638px; margin-left:auto;   }
.left-box-modal-2{ background: #FFFFFF; 
border-radius: 0px; box-shadow: 0px 0px 30px rgba(168, 180, 199, 0.2); min-height:506px; padding:0 35px; }
.left-box-modal-2 .bot-box{ padding:20px 0 20px 0; min-height:0px; }
.left-box-modal-2 .left-box-bottom{ padding:0px; }



.advice-row{ border-radius: 0px; background: #FFFFFF;
border: 1px solid #DEE4ED; margin:20px 0 0 0; padding:0 0 0 19px; }
.advice-row .laft-data{ padding:16px 19px 14px 0; }
.advice-row .laft-data h5{ margin:0px; color: #333E63; font-family: 'DMSans-Bold'; line-height: 21px; font-size: 16px; }
.advice-row .laft-data ul{ margin:0px; padding:3px 0 0 15px; }
.advice-row .laft-data ul li{  font-size: 14px;
line-height: 24px;
 font-family: 'DMSans-Regular'; 
color: #727A95; }
.advice-row .right-data{ align-items:center; margin-left:auto; background: #f6f9ff;
border-left: 1px solid #DEE4ED;
box-sizing: border-box;
border-radius: 0px 5px 5px 0px; width:175px; font-family: 'DMSans-Bold'; text-align:center; width:175px; min-width:175px;  }
.advice-row .right-data .inner-div { align-items:center; flex-direction:column;    }
.advice-row .right-data .inner-div h5{ margin:0 0 11px; font-size: 16px;
line-height: 21px;
text-align: center;

color: #333E63; }
.advice-row .right-data    i{ display:block; }
.advice-row .right-data .inner-div   p{ margin:11px 0 0 0px; color: #333E63; font-family: 'DMSans-Medium'; font-size: 12px;
line-height: 16px; }



.car-submit-row { padding:40px 33px 0; align-items:center; }
.car-submit-row .submit-btn{ margin-left:auto; }
.car-submit-row .submit-btn button { border:0px; display:inline-block; background: #333E63;
border-radius: 5px; text-align:center;  width: 150px; font-family: 'DMSans-Bold';
height: 50px; 
color: #FFFFFF; font-size: 16px; line-height:50px; }


.car-modal-right_inner{ height:100%; justify-content:center; flex-direction:column; position:relative; }
.car-modal-right{ padding:0 0 24px 25px; }

.car-modal-right_inner .car-img{ margin:6px 0 0 0; padding:7px 0; background: #F3F6FA; position:relative; z-index:5;   text-align:center; }
.car-modal-right_inner .flag-img{ margin-top:auto;position:relative; z-index:5; }
.car-modal-right_inner .line{ z-index:1;position:absolute; left:50%; margin:0 0 0 -12px; top:0px; height:100%; width:24px; border-top:#dde4ee solid 2px;   }
.car-modal-right_inner .line:after{ position:absolute; left:50%; margin:0 0 0 -1px; border-left:#dde4ee dashed 2px; top:0px; bottom:20px; content:'';   }


.cls-check{  }
/* Base for label styling */
.cls-check [type="checkbox"]:not(:checked),
.cls-check [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.cls-check [type="checkbox"]:not(:checked) + label,
.cls-check [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 0; width:40px; height:40px;
  cursor: pointer;
   display:inline-block; margin:0px; background: #DEE4ED;
}

/* checkbox aspect */
.cls-check [type="checkbox"]:not(:checked) + label:before,
.cls-check [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 100%; height:100%;
   
 z-index:1;
  border-radius: 0px;
 display:block;
border-radius: 0px;
 background:url(../images/path-2.svg) no-repeat center center  #DEE4ED; background-size:18px auto;
}
/* checked mark aspect */
.cls-check [type="checkbox"]:not(:checked) + label:after,
.cls-check [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 100%; height:100%;
   
 z-index:2;
  border-radius: 0px;
 background:url(../images/path-2.svg) no-repeat center center  #0F123F; background-size:18px auto;
border-radius: 0px;
}
/* checked mark aspect changes */
.cls-check [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.cls-check [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.content.new-outer,
.content-wrapper{ background:#fff; }

.car-page-outer{ display:block; }
.car-top-list{background: #F6F9FF;}

.car-box.deactive .car-img_mn a{ pointer-events:none;  } 
.car-box.deactive .car-img_mn .car-img img{ opacity:0.5; }
.car-box.deactive .time{ display:none !important; }
.car-box.deactive  .car-img_mn .car-img-text{ height:20px; top:50%; margin:-28px 0 0 -14px; }


.timeline_top { padding-bottom:20px; }
.container-fluid.no-padd { min-height:calc(100vh - 64px) ; position:relative;  padding:0px; background: #F6F9FF; }
.car-top-list ul { padding:0 0 0 30px; max-width:1366px; width:100%; margin:0px auto;   justify-content:flex-start;     }
/*
.car-top-list ul li{ padding:30px 0 13px; width:93px; text-align:center; display:inline-block; }
*/
.car-top-list ul li{ padding:10px 0; width:93px; text-align:center; display:inline-block; }

.timeline_bottom{ position:relative; z-index:1; }
.timeline_bottom .table-blk{ position:relative; z-index:4;}
.timeline_bottom:after{ position:absolute; left:-9px; top:-9px; right:-9px; bottom:-9px; background: #FFFFFF;
box-shadow: 0px 0px 30px rgba(168, 180, 199, 0.2); content:''; z-index:2;  pointer-events: none; }
.car-top-list ul li:first-child .car-box .car-img_mn .car-img{ border:0px; }

.car-box .car-img_mn{ position:relative;   }
.car-box .car-img_mn .car-img{ border-left:#dde4ee solid 1px;  }
.car-box .car-img_mn .car-img img{ height:120px; }
.car-box .car-img_mn .car-img-text{ position:absolute; left:50%; font-size: 14px;
line-height: 18px;
text-align: center; margin:0 0 0 -15px; width:30px;  font-family: 'DMSans-Bold'; color: #262E41; top:38px; }
.car-box .car-img_mn .car-img-text span{   }
.car-box  .time{ padding:12px 0 0 0; font-size: 16px; 
line-height: 21px;color: #0F123F;}
.car-box  .time-icon{ padding:10px 0 0 0; font-size: 16px; font-family: 'DMSans-Bold';
line-height: 21px;color: #333E63;}

.center-align-div{ width:1333px; padding:0 4px; display:block; margin:0 auto;}
 
.timeline-right{ margin-left:auto; }
.timeline-right .i-text{ padding:15px 0 20px; color: #333E63; font-size: 14px;
line-height: 16px;}
.timeline-right .i-text .fa{ padding:0 5px 0 0; font-size: 14px;
line-height: 16px; color: #F05E5E; }


.timeline_bottom{ margin:0 0 9px; background: #F9FAFC; border: 1px solid #DEE4ED; border-radius:5px; }
.table-blk .thead{ /*border-bottom: 1px solid #DEE4ED;*/ }
.table-blk .thead  .name{ font-size: 16px;
line-height: 21px; font-family: 'DMSans-Bold'; color: #677891; min-width:150px;  height:57px;  background:#f6f9ff; width:122px; text-align:center; align-items:center; justify-content:center;  border: 1px solid #dde4ec; margin:0 2px 0 0; }

.table-blk .thead .time-blk{height:57px;  background:#f6f9ff;  border: 1px solid #dde4ec;}

.timeline_bottom ul{ margin:0px; padding:0 0 8px 0px; }
.timeline_bottom ul li{ display:inline-block;  } 
.table-blk .thead .time-blk { padding:5px 0 0 29px; width:100%;   } 
.table-blk .thead .time-blk ul{ align-items:flex-end; }
.table-blk .thead .time-blk li{ position:relative; }
.table-blk .thead .time-blk li.hours{ margin:0 0 0 -11px; }
.table-blk .thead .time-blk li.hours:after{ position:absolute; left:50%; margin:0 0 0 -1px; bottom:0px; width:2px; content:''; background:#677991; height:20px;   }
.table-blk .thead .time-blk li.hours span{ padding:0 0 22px; display:inline-block; font-family: 'DMSans-Bold';  width:42px;  color: #677891; font-size: 14px;
line-height: 18px;
text-align: center; }
.table-blk .thead .time-blk li.minits{ margin:0 10px 0 0; }
.table-blk .thead .time-blk li.minits:after{ position:absolute; left:50%; margin:0 0 0 -1px; bottom:0px; width:1px; content:''; background:#677991; height:8px;   }
.table-blk .thead .time-blk li.minits span{ padding:0 0 7px; display:inline-block; font-family: 'DMSans-Medium';   width:20px; color: #677891; font-size: 12px;
line-height: 16px;text-align: center; }


.table-blk .tbody{ position:relative; } 
.table-blk .tbody ul{ background:#fff; padding:2px 0 0px 0; flex-direction:column; }
.table-blk .tbody ul li{ margin:2px 0 0 0; border-bottom: 0px solid #DEE4ED;}
.table-blk .tbody ul li:last-child{ border-bottom: 0px solid #DEE4ED;} 
.services-time-row{ display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }
.services-time-row .name { font-size: 14px;
line-height:33px;   color: #677891; height:33px; background:#fff; min-width:150px;  align-items:center; justify-content:center;  border-right: 0px solid #f9fafc; border:1px solid #dde4ec; padding:0 9px; }
.services-time_inner{ padding:0 42px; width:100%; background:#fff ; flex-direction:column }
.services-time_inner .ser-row-1{ position:relative; border: 1px solid #dde4ee; height:16px;  } 
.services-time_inner .ser-row-2{ height:16px;  border: 1px solid #dde4ee; border-top:0px; position:relative; }
 

.table-blk .tbody ul li:nth-child(2n+0) .services-time-row .name{ background:#f9fafc;  }
.table-blk .tbody ul li:nth-child(2n+0) .services-time-row .services-time_inner{ background:#f9fafc;  }

.services-time-row{ padding-left:0px; }
.services-time-row .name{ min-width:150px;}




.verticle-text{ position:absolute; left:150px; width:calc(100% - 150px); top:0px; pointer-events:none; height:100%;} 
.verticle-text .start-blk{ font-family: 'DMSans-Bold'; text-transform:uppercase; position:absolute; left:0px; font-size: 16px;
line-height: 21px; color: #DEE4ED; width:42px;  bottom:0px; top:4px; background:#fff;border-right: 0px solid #DEE4ED; }
.verticle-text .start-blk span{-webkit-transform: rotate(-90deg);
display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
transform: rotate(-90deg);
width: 100%;
position: relative;
height: 100%; top:4px;
align-items: center; justify-content:center;}

.verticle-text .breck-blk{ font-family: 'DMSans-Bold'; text-transform:uppercase; position:absolute; left:283px; font-size: 16px;
line-height: 21px; color: #DEE4ED; width:32px; bottom:0px; top:4px; background:#fff;border-right: 1px solid #DEE4ED; border-left: 1px solid #DEE4ED; }
.verticle-text .breck-blk span{-webkit-transform: rotate(-90deg);
display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
transform: rotate(-90deg); justify-content:center;

width: 100%;
position: relative;
height: 100%; top:4px;
align-items: center;}
.verticle-text .lunch-blk{ font-family: 'DMSans-Bold'; text-transform:uppercase; position:absolute; left:525px; font-size: 16px;
line-height: 21px; color: #DEE4ED; width:62px; bottom:0px; top:4px; background:#fff;border-right: 1px solid #DEE4ED; border-left: 1px solid #DEE4ED; }
.verticle-text .lunch-blk span{-webkit-transform: rotate(-90deg);
display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
transform: rotate(-90deg);
width: 100%;
position: relative;
height: 100%; top:4px;
align-items: center; justify-content:center;}

.verticle-text .breck-blk-2{ font-family: 'DMSans-Bold'; text-transform:uppercase; position:absolute; left:828px; font-size: 16px;
line-height: 21px; color: #DEE4ED; width:31px; bottom:0px; top:4px; background:#fff;border-right: 1px solid #DEE4ED; border-left: 1px solid #DEE4ED; }
.verticle-text .breck-blk-2 span{-webkit-transform: rotate(-90deg);
display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
transform: rotate(-90deg);
width: 100%;
position: relative;
height: 100%; top:4px;
align-items: center; justify-content:center;}

.verticle-text .end-blk{ font-family: 'DMSans-Bold'; text-transform:uppercase; position:absolute; left:100%; margin:0 0 0 -42px; font-size: 16px;
line-height: 21px; color: #DEE4ED; width:42px; bottom:0px; top:4px;background:#fff;  border-left: 0px solid #DEE4ED; }
.verticle-text .end-blk span{-webkit-transform: rotate(-90deg);
display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
transform: rotate(-90deg);
width: 100%;
position: relative;
height: 100%; top:4px;
align-items: center; justify-content:center;}

.center-contain-div{ margin:0 auto; display:block; width:1240px; max-width:100%; }
.quaction-sldier-blk{   }


.quaction-blk-mn .count{ min-width: 100px; color: #FFFFFF; font-size: 14px;
line-height: 21px; font-family: 'DMSans-Medium';padding:22px 0 0 0; 
text-align: center;
height: 100px; background: #333E63; border-radius:100px; }
.quaction-blk-mn .count span{font-family: 'DMSans-Bold'; display:block; font-size:30px; line-height:40px; }

.level5-count{ width: 99px; color: #FFFFFF; font-size: 14px;
line-height: 21px; font-family: 'DMSans-Medium';padding:29px 0 0 0; 
text-align: center;
height: 100px; background: #0F123F; border-radius:100px; margin-bottom:20px; }
.level5-count span{font-family: 'DMSans-Bold'; display:block; font-size:24px; line-height:40px; }

.quaction-blk-inner{ width:100%; padding:0 0 0 30px;}
.quaction-blk-inner .quaction{ position:relative; }
.quaction-blk-inner .quaction p{ font-family: 'DMSans-Bold'; color: #333E63; margin:0px;  position:relative;  font-size: 16px;
line-height: 20px;} 


.ans-blk ul{ flex-wrap:wrap; display: -webkit-box;
	display: -ms-flexbox;
	display: flex; width:calc(100% - 200px); padding:0px; padding:8px 0 0 0px; margin:0px;   }
.ans-blk ul li{ display:block;  }
.ans-blk ul li{ width:calc(50% - 15px); padding-right:10px; padding-top:5px;}
.ans-blk ul li:nth-child(2n+0){ padding-left:5px; padding-right:0px; }


.radio-box{ display:block; width:100%; }

.radio-box [type="radio"]:not(:checked),
.radio-box [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.radio-box [type="radio"]:not(:checked) + label,
.radio-box [type="radio"]:checked + label {
  position: relative;
  padding-left: 0; width:100%; height:50px;
  cursor: pointer;
   display:inline-block; margin:0px; padding:0 15px;
   background: #FFFFFF;
border-radius: 5px;
 display: -webkit-box;font-weight:normal;
	display: -ms-flexbox;
	display: flex; align-items:center;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.radio-box [type="radio"]:not(:checked) + label i,
.radio-box [type="radio"]:checked + label i{ background: #333E63; border-radius:100px; font-family: 'DMSans-Medium';  display:inline-block; min-width:30px;height:30px; line-height:28px; text-align:center; color: #FFFFFF; font-size: 16px; font-style:normal; font-weight:normal; 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

 
 .radio-box [type="radio"]:not(:checked) + label span,
.radio-box [type="radio"]:checked + label span{ display:inline-block; width:100%; padding:0 0 0 14px; color: #333E63; font-size: 14px;
line-height: 16px; font-family: 'DMSans-Medium';  

-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.radio-box [type="radio"]:checked + label{ color:#fff; background: #4FCBB5;}
.radio-box [type="radio"]:checked + label i{ background:#fff; color:#4FCBB5; }
.radio-box [type="radio"]:checked + label span{ color:#fff; }


.quaction-blk-mn{ align-items:center; padding:15px 0 8px; }
.quaction-sldier-blk .owl-nav{ position:absolute; right:0px;  bottom:135px; }
.quaction-sldier-blk .owl-carousel .owl-nav button.owl-prev, 
.quaction-sldier-blk .owl-carousel .owl-nav button.owl-next {  display:inline-block; background: #333E63;
border-radius: 5px; text-align:center;  width: auto; padding:0px 15px !important; display:inline-block; font-family: 'DMSans-Bold';
height: 30px; 
color: #FFFFFF; font-size: 14px; line-height:30px; margin:0 0 0 15px; }

.quaction-sldier-blk .owl-carousel .owl-nav button.disabled{ color:rgba(255,255,255,0.40); }

.submit-btn{ margin-left:auto; }
.submit-btn input[type=submit]{ display:inline-block; background: #333E63;
border-radius: 5px; text-align:center;  width: 150px; font-family: 'DMSans-Bold';
height: 50px;  -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
color: #FFFFFF; font-size: 16px; line-height:50px; border:0px; }


.submit-btn input[type=submit] { display:inline-block; vertical-align:top; width:150px; line-height:48px; height:50px; outline:none; box-shadow:none; color: #0F123F; background:none; font-size: 16px;
 font-family: 'DMSans-Bold'; border-radius:0px; border: 1px solid #0F123F;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; margin:0 0px;color:#FFF; background:#0F123F; 
}
.submit-btn input[type=submit]:hover{ color:#0F123F; background:none; }

.ans-blk{ align-items:center; }
.header-right .h_timer #seconds{ width:32px; text-align:center; display:inline-block; }

.quaction-sldier-blk{ min-height:270px; background:url(../images/quaction-image.svg) no-repeat left top #dde4ee;  }
.quaction-sldier-blk .thank-you-page{ background:none; }
.thank-you-page{ background:url(../images/bg.png) no-repeat center center; background-size:cover; }

.thank-you-center{ max-width:1240px; margin:0 auto; display:block; }
.thank-you_blk .left-colum i img{ width:80px;}


.thank-you_blk{ min-height:190px; align-items:center; }
.thank-you_blk .left-colum{ align-items:center; }
.thank-you_blk .left-colum .thankyou-inner-con{ padding:0 0 0 30px;   }
.thank-you_blk .left-colum .thankyou-inner-con h4{color: #4FCBB5; font-size: 36px;font-family: 'DMSans-Bold';
line-height: 47px;}
.thank-you_blk .left-colum .thankyou-inner-con p{ max-width:460px;  color: #333E63; font-size: 18px;
line-height: 23px;margin:14px 0 0 0px; }
.thank-you_blk .next-btn{ margin-left:auto; }
.thank-you_blk .next-btn a{ display:inline-block; background: #333E63;
border-radius: 5px; text-align:center;  width: 150px; font-family: 'DMSans-Bold';
height: 50px; 
color: #FFFFFF; font-size: 16px; line-height:50px; border:0px; }


.timeline_left { align-items:center; margin-left:auto;}
.timeline_left .vehicle-text{ font-family: 'DMSans-Medium';  color: #677891;font-size: 12px; padding:0  20px 0 25px; position:relative; line-height:16px; }
.timeline_left .vehicle-text:after{ position:absolute; content:''; left:0px; top:0px; width:15px; height:15px; border-radius:100px; background: #A6A6A6; }  
.timeline_left .vehicle-text.txt-2:after{background: #FFC000;}
.timeline_left .vehicle-text.txt-3:after{ background: #00B0F0;}
.timeline_left .vehicle-text.txt-3{ padding-right:0px; }

.cls-header{  margin:0 auto; display:block; }

.verticle-text .breck-blk{ margin-left:41px;  }
.verticle-text .breck-blk.left-hours-1{ left:121px; }
.verticle-text .breck-blk.left-hours-2{ left:242px; }
.verticle-text .breck-blk.left-hours-3{ left:363px; }
.verticle-text .breck-blk.left-hours-4{ left:484px; }
.verticle-text .breck-blk.left-hours-5{ left:605px; }
.verticle-text .breck-blk.left-hours-6{ left:726px; }
.verticle-text .breck-blk.left-hours-7{ left:847px; }
.verticle-text .breck-blk.left-hours-8{ left:968px; }
.verticle-text .breck-blk.left-hours-9{ left:1089px; }
.verticle-text .breck-blk.left-hours-10{ left:1210px; }
 
.verticle-text .breck-blk.left-hours-11{ left:1331px; }
.verticle-text .breck-blk.left-hours-12{ left:1452px; }
.verticle-text .breck-blk.left-hours-13{ left:1573px; }


.verticle-text .breck-blk.minits15{  margin-left:72px; }
.verticle-text .breck-blk.minits30{  margin-left:102px; }
.verticle-text .breck-blk.minits45{  margin-left:132px; }

.verticle-text .breck-blk.width15{ width:31px; }
.verticle-text .breck-blk.width30{  width:62px; }
.verticle-text .breck-blk.width45{  width:93px; }
.verticle-text .breck-blk.width60{   width:124px; }
.verticle-text .breck-blk.width75{  width:155px; }
.verticle-text .breck-blk.width90{   width:186px;}
 
 
 .verticle-text .lunch-blk{ margin-left:41px;  }
.verticle-text .lunch-blk.left-hours-1{ left:121px; }
.verticle-text .lunch-blk.left-hours-2{ left:242px; }
.verticle-text .lunch-blk.left-hours-3{ left:363px; }
.verticle-text .lunch-blk.left-hours-4{ left:484px; }
.verticle-text .lunch-blk.left-hours-5{ left:605px; }
.verticle-text .lunch-blk.left-hours-6{ left:726px; }
.verticle-text .lunch-blk.left-hours-7{ left:847px; }
.verticle-text .lunch-blk.left-hours-8{ left:968px; }
.verticle-text .lunch-blk.left-hours-9{ left:1089px; }
.verticle-text .lunch-blk.left-hours-10{ left:1210px; }
.verticle-text .lunch-blk.left-hours-11{ left:1331px; }
.verticle-text .lunch-blk.left-hours-12{ left:1452px; }
.verticle-text .lunch-blk.left-hours-13{ left:1573px; }

.verticle-text .lunch-blk.minits15{  margin-left:72px; }
.verticle-text .lunch-blk.minits30{  margin-left:102px; }
.verticle-text .lunch-blk.minits45{  margin-left:132px; }

.verticle-text .lunch-blk.width15{ width:31px; }
.verticle-text .lunch-blk.width30{  width:62px; }
.verticle-text .lunch-blk.width45{  width:93px; }
.verticle-text .lunch-blk.width60{   width:124px; }
.verticle-text .lunch-blk.width75{  width:155px; }
.verticle-text .lunch-blk.width90{   width:186px;}

.verticle-text  { z-index:100; }

.fill-line{ z-index:1; position:absolute; left:0px ;top:0px; height:100%;}
.fill-line:nth-child(2){ z-index:2; }
.fill-line:nth-child(3){ z-index:3; }
.fill-line:nth-child(4){ z-index:4; }
.fill-line:nth-child(5){ z-index:5; }
.fill-line:nth-child(6){ z-index:6; }
.fill-line:nth-child(7){ z-index:7; }


/*.fill-line.fill-yellow{ border-radius:100px; background: #FFE9A7;}
.fill-line.fill-gray{border-radius:100px;background: #EEEEEE;;}
.fill-line.fill-blue{border-radius:100px;background: #8AE0FF;}*/
.fill-line.fill-yellow{ border-radius:100px; background: #FFC000;}
.fill-line.fill-gray{border-radius:100px;background: #A6A6A6;}
.fill-line.fill-blue{border-radius:100px;background: #00B0F0;}

.fill-line.fill-red{ border-radius:100px; background: #ff9391;}


.fill-line .fill-line_text{ width:100%; position:relative; height:100%;  line-height:16px; font-family: 'DMSans-Bold'; text-align:center; color: #202442; font-size:10px; z-index:2; }
.fill-line .doat-left{ z-index:3; position:absolute; left:0px; top:0px; height:15px; width:15px; border-radius:100px;  }
.fill-line .doat-right{ z-index:3; position:absolute; right:0px; top:0px; height:15px; width:15px; border-radius:100px;  }
.fill-line  .doat-left > a,
.fill-line  .doat-right > a{ float:left; display:inline-block; height:15px; width:15px; border-radius:100px;  }
.fill-line.fill-yellow .doat-left > a,
.fill-line.fill-yellow .doat-right > a{background: #E0AA05;}
.fill-line.fill-gray .doat-left  > a,
.fill-line.fill-gray .doat-right  > a{background:  #646464;}
.fill-line.fill-blue .doat-left  > a,
.fill-line.fill-blue .doat-right  > a{background: #0081DE; }

.fill-line.width-hours-1 { width:121px; }
.fill-line.width-hours-2 { width:242px; }
.fill-line.width-hours-3{ width:363px; }
.fill-line.width-hours-4{ width:484px; }
.fill-line.width-hours-5{ width:605px; }
.fill-line.width-hours-6{ width:726px; }
.fill-line.width-hours-7{ width:847px; }
.fill-line.width-hours-8{ width:968px; }
.fill-line.width-hours-9{ width:1089px; }
.fill-line.width-hours-10{ width:1210px; }
.fill-line.width-hours-11{ width:1331px; }
.fill-line.width-hours-12{ width:1452px; }
.fill-line.width-hours-13{ width:1573px; }

/*.fill-line.left-hours-0{ left:0px; }
.fill-line.left-hours-01{ left:121px; }
.fill-line.left-hours-02{ left:242px; }
.fill-line.left-hours-03{ left:363px; }
.fill-line.left-hours-04{ left:484px; }
.fill-line.left-hours-05{ left:605px; }
.fill-line.left-hours-06{ left:726px; }
.fill-line.left-hours-07{ left:847px; }
.fill-line.left-hours-08{ left:968px; }
.fill-line.left-hours-09{ left:1089px; }
.fill-line.left-hours-10{ left:1210px; }
.fill-line.left-hours-11{ left:1331px; }
.fill-line.left-hours-12{ left:1452px; }
.fill-line.left-hours-13{ left:1573px; }*/


.fill-line.left-hours-08{ left:-121px; }
.fill-line.left-hours-09{ left:0px; }
.fill-line.left-hours-10{ left:121px; }
.fill-line.left-hours-11{ left:242px; }
.fill-line.left-hours-12{ left:363px; }
.fill-line.left-hours-13{ left:484px; }
.fill-line.left-hours-14{ left:605px; }
.fill-line.left-hours-15{ left:726px; }
.fill-line.left-hours-16{ left:847px; }
.fill-line.left-hours-17{ left:968px; }
.fill-line.left-hours-18{ left:1089px; }
.fill-line.left-hours-19{ left:1210px; }
.fill-line.left-hours-20{ left:1331px; }
.fill-line.left-hours-21{ left:1452px; }
.fill-line.left-hours-22{ left:1573px; }




.fill-line.left-minits-15{  margin-left:31px; }
.fill-line.left-minits-30{  margin-left:61px; }
.fill-line.left-minits-45{  margin-left:91px; }


/* Test mate ST */
.fill-line.new_width-minits-15{ width:31px;   }
.fill-line.new_width-minits-30{ width:61px;   }
.fill-line.new_width-minits-45{ width:91px;   }
.fill-line.new_width-minits-60{ width:121px;  }
.fill-line.new_width-minits-75{ width:151px;  }
.fill-line.new_width-minits-90{ width:181px;  }
.fill-line.new_width-minits-105{ width:211px; }
.fill-line.new_width-minits-120{ width:241px; }
.fill-line.new_width-minits-135{ width:271px; }
.fill-line.new_width-minits-150{ width:301px; }
.fill-line.new_width-minits-165{ width:331px; }
.fill-line.new_width-minits-180{ width:361px; }
.fill-line.new_width-minits-195{ width:391px; }
.fill-line.new_width-minits-210{ width:421px; }
.fill-line.new_width-minits-225{ width:451px; }
.fill-line.new_width-minits-240{ width:481px; }
.fill-line.new_width-minits-255{ width:511px; }
.fill-line.new_width-minits-270{ width:541px; }
.fill-line.new_width-minits-285{ width:571px; }
.fill-line.new_width-minits-300{ width:601px; }
.fill-line.new_width-minits-315{ width:631px; }
.fill-line.new_width-minits-330{ width:661px; }
.fill-line.new_width-minits-345{ width:691px; }
.fill-line.new_width-minits-360{ width:721px; }
.fill-line.new_width-minits-375{ width:751px; }
.fill-line.new_width-minits-390{ width:781px; }
.fill-line.new_width-minits-405{ width:811px; }
.fill-line.new_width-minits-420{ width:841px; }
.fill-line.new_width-minits-435{ width:871px; }
.fill-line.new_width-minits-450{ width:901px; }
.fill-line.new_width-minits-465{ width:931px; }
.fill-line.new_width-minits-480{ width:961px; }
.fill-line.new_width-minits-495{ width:991px; }
.fill-line.new_width-minits-510{ width:1021px; }
.fill-line.new_width-minits-525{ width:1051px; }
.fill-line.new_width-minits-540{ width:1081px; }
/* Test mate EN */


.fill-line.width-hours-0.width-minits-15 { width:31px; }
.fill-line.width-hours-0.width-minits-30 { width:61px; }
.fill-line.width-hours-0.width-minits-45 { width:91px; }

.fill-line.width-hours-1.width-minits-15 { width:153px; }
.fill-line.width-hours-1.width-minits-30 { width:184px; }
.fill-line.width-hours-1.width-minits-45 { width:215px; }

.fill-line.width-hours-2.width-minits-15 { width:273px; }
.fill-line.width-hours-2.width-minits-30 { width:304px; }
.fill-line.width-hours-2.width-minits-45 { width:335px; }

.fill-line.width-hours-3.width-minits-15 { width:394px; }
.fill-line.width-hours-3.width-minits-30 { width:425px; }
.fill-line.width-hours-3.width-minits-45 { width:456px; }

.fill-line.width-hours-4.width-minits-15 { width:515px; }
.fill-line.width-hours-4.width-minits-30 { width:546px; }
.fill-line.width-hours-4.width-minits-45 { width:577px; }

.fill-line.width-hours-5.width-minits-15 { width:636px; }
.fill-line.width-hours-5.width-minits-30 { width:667px; }
.fill-line.width-hours-5.width-minits-45 { width:698px; }

.fill-line.width-hours-6.width-minits-15 { width:757px; }
.fill-line.width-hours-6.width-minits-30 { width:788px; }
.fill-line.width-hours-6.width-minits-45 { width:819px; }

.fill-line.width-hours-7.width-minits-15 { width:878px; }
.fill-line.width-hours-7.width-minits-30 { width:909px; }
.fill-line.width-hours-7.width-minits-45 { width:940px; }


.fill-line.width-hours-8.width-minits-15 { width:999px; }
.fill-line.width-hours-8.width-minits-30 { width:1030px; }
.fill-line.width-hours-8.width-minits-45 { width:1061px; }

.fill-line.width-hours-9.width-minits-15 { width:1120px; }
.fill-line.width-hours-9.width-minits-30 { width:1151px; }
.fill-line.width-hours-9.width-minits-45 { width:1182px; }

.fill-line.width-hours-10.width-minits-15 { width:1241px; }
.fill-line.width-hours-10.width-minits-30 { width:1272px; }
.fill-line.width-hours-10.width-minits-45 { width:1303px; }


.fill-line.width-hours-11.width-minits-15 { width:1362px; }
.fill-line.width-hours-11.width-minits-30 { width:1393px; }
.fill-line.width-hours-11.width-minits-45 { width:1424px; }

.fill-line.width-hours-12.width-minits-15 { width:1483px; }
.fill-line.width-hours-12.width-minits-30 { width:1514px; }
.fill-line.width-hours-12.width-minits-45 { width:1545px; }

 
 .timeline-outer{ width:100%; display:inline-block;}	
 
 
  
.car-page-outer-main{ overflow:hidden; padding:0 0 0px; }
.car-modal .modal-cls button.close span{ position:relative; top:-2px; }

.fill-line:hover  .car-sub-popup-main{ display:block; }
.car-sub-popup-main{ margin:5px 0 0 0; display:none; background: #202442;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 5px; width:294px; position:absolute; -webkit-transform:translateX(-50%); transform:translateX(-50%); left:0px; top:100%;  z-index:100000; }
.car-sub-popup_inner:after{ position:absolute; left:50%; top:-12px; content:'';  
	      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 12px solid #202442; margin:0 0 0 2px;
}
.car-sub-popup_inner .left-car{ margin:28px   0;  border-right: 1px solid #4E5589; padding:0 20px;  }
.car-sub-popup_inner .left-car img{ width:68px;}
.right-p-data{ width:100%; padding:25px 0 15px 20px;}
.text-row_inner{ padding:0 0 13px; }
.text-row_inner h5{ margin:0 0 2px 0px; font-family: 'DMSans-Bold';   color: #fff; font-size: 10px;
line-height: 13px; }
.text-row_inner p {margin:0px; font-size: 14px;
line-height: 18px;

color: #677891; }
.text-row_inner ul li{font-size: 12px;
line-height: 18px;

color: #677891; display:list-item; list-style-position:outside;  list-style:disc; }
.fill-line.active{ z-index:101; }
.text-row_inner ul  { padding:0 11px; }
.text-row.flxrow .text-row_inner  { width:auto; padding-bottom:0px; padding-right:14px; }
.text-row.flxrow .text-row_inner + .text-row_inner{ padding-left:14px; padding-right:0px; border-left:1px solid #4E5589; }
.fill-line:hover,
.fill-line:hover > div:first-child{ z-index:10000; }

.modal-backdrop.show{ opacity:0 !important; }

.car-modal .modal-content form{ position:relative; z-index:15;   } 
.car-modal .modal-content:after{ position:fixed; bottom:0px; z-index:1; content:''; top:90px;  right:17px; width:100000px; background: #F3F6FA;}


.small-popup-1.show{ opacity:1; visibility:visible;  pointer-events:auto;}
.small-popup-1{  opacity:0; visibility:hidden; pointer-events:none; position:absolute; top:0px; width:100%; height:100%; background:#fff; width:100%; height:100%;   left:0px; z-index:10000;	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; max-height:506px; 

}
.modal-contain{ padding:0; margin:0px; position:relative; max-width:100%;   display:block; width:100%; background: #FFFFFF;
box-shadow: 0px 0px 30px rgba(168, 180, 199, 0.2); }
.modal-contain .cls-close{ position:absolute; right:30px; top:32px; }
.modal-contain .cls-close  a{ line-height:26px; display:inline-block; height:30px; outline:none; box-shadow:none; position:relative; top:0px; padding:0px; font-family: 'DMSans-Bold'; min-width:30px; opacity:1; min-height:30px; text-align:center;  font-size:0px; text-shadow:none; background:url(../images/close_24px.svg) no-repeat center center #333E63; color:#fff; }


.data-table{ max-height:calc(100vh - 150px); overflow:auto; }
.text-row_inner ul{ background:none; }
.table-blk .tbody .text-row_inner ul{ background:none; padding-left:10px; }
.overlay-blk-main{ overflow: hidden;  display:none;   background: #F6F9FF; z-index:5; width:100%;max-height:calc(100vh - 64px);   min-height:calc(100vh - 64px);  position:absolute; left:0px; top:64px; padding:0px 0 0 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
 }
.overlay-blk-inner{ width:1366px; margin:0 auto; }
.car-page-outer{ position:relative; z-index:2; }
.wcb-links{ width:100%; position:absolute; left:0px; bottom:10px;  }
.wcb-links a{ height:30px;  display:inline-block; width:auto; align-items:center; }
.wcb-links .center-container{ padding:0 12px; }

 
.submit-btn-overlay { align-items:flex-end; padding:21px 0 10px; text-align:center; }
.submit-btn-overlay .big-car-center img{ width:231px;}
.submit-btn-overlay .submit-btn{  text-align:center;}
.submit-btn-overlay .submit-btn a { display:inline-block; vertical-align:top; width:150px; line-height:48px; height:50px; outline:none; box-shadow:none; color: #0F123F; background:none; font-size: 16px;
 font-family: 'DMSans-Bold'; border-radius:0px; border: 1px solid #0F123F;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; margin:0 0px;
}
.submit-btn-overlay .submit-btn a:hover{ color:#FFF; background:#0F123F; }


.submit-btn-overlay .submit-btn  button {margin:0 0 0 19px; width:150px; height:50px; outline:none; box-shadow:none; color: #0F123F; background:none; font-size: 16px;
line-height: 48px; font-family: 'DMSans-Bold'; border-radius:0px; border: 1px solid #0F123F;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}
.submit-btn-overlay .submit-btn  button:hover{ color:#FFF; background:#0F123F; }
.center-container{ margin:0 auto; display:block;  width:1366px; max-width:100%; }
.wcb-links a i{ background:url(../images/expand_arrow.svg) no-repeat center center #333E63; display:inline-block; width:30px; height:30px;  }
.wcb-links a span{ display:inline-block; vertical-align:top; font-family: 'DMSans-Medium'; display:inline-block; padding:0 0 0 10px; line-height:31px; color: #0F123F; font-size: 14px; 
		-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.overlay-blk-main.w3n_full_height{ max-height:233px; min-height:233px; }

.wcb-links a.active i{background: url(../images/expand_arrow-2.svg) no-repeat center center #333E63;  }
.wcb-links a.active span{ display:none;opacity:0; }
 overlay-blk-main.w3n_full_height .nice-select .list{top:auto; bottom:100%; margin:0px; }
.left-box-modal-2-main{ position:relative; }
.modal-contain .data-table .card-body{ min-height:506px; padding:28px 30px 37px; }

.card-title-main{ padding:0 0 23px; align-items:center; width:100%;}
.card-title-main h3{ padding:0 19px 0 0; margin:0px; font-family: 'DMSans-Bold'; font-size: 24px;
line-height: 31px; color: #0F123F; }
.card-title-main .tu-text{padding:0 0 0 20px; border-left: #0F123F solid 1px;}
.card-title-main .tu-text span { display:block;font-family: 'DMSans-Bold'; color: #0F123F; font-size: 14px;
line-height: 18px; }


.data-table-div .data-table-head{ padding:0 15px 11px; }
.data-table-div .data-table-head .head-tl{ color: #677891; font-size: 14px; line-height: 18px;}
.data-table-div .data-table-head .head-tl + .head-tl{ margin-left:auto; }
.data-table_inner .table-bordered{border: 1px solid #DEE4ED; border-radius:0px;  }
.data-table_inner .table-bordered td{ text-align:left !important; color: #333E63; font-size: 16px;
line-height: 21px; border:0px;font-family: 'DMSans-Medium';border-top: 1px solid #DEE4ED; border-radius:0px; padding:8px 15px 9px;   } 
.data-table_inner .table-bordered th{border:0px;border-top: 1px solid #DEE4ED; border-radius:0px; padding:0 15px;  }
.data-table_inner{ max-height:353px; }
.data-table_inner .table-bordered{ margin:0px; }
.data-table_inner .table-bordered td:last-child{ text-align:right !important; }

body .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, 
body .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ margin:0px; right:-24px; opacity:1; }
body .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
body .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ margin:0px; }
body .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius:10px;  width:8px; background:#dde4ee;}
body .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, 
body .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ border-radius:10px;  width:8px; background:#dde4ee;}
.data-table-div.skill-table .data-table-head .head-tl { width:135px;}
.data-table-div.skill-table .data-table-head .head-tl + .head-tl{ width:auto; margin-left:0px; }
.data-table-div.skill-table .data-table_inner .table-bordered td:last-child{ border-left:1px solid #DEE4ED; text-align:left !important; }
.modal-contain .data-table{ min-height:0px; max-height: inherit;}
 
.overlay-blk-main.w3n_full_height  .left-box-bottom .row .col-md-6   .nice-select .list{ top:auto;bottom:100%;margin:5px 0 0  0px; }
.overlay-blk-main.w3n_full_height  .left-box-bottom .row .col-md-6:nth-child(2)  .nice-select .list{ top:100%;bottom:auto;margin:5px 0 0  0px; }
.overlay-blk-main.w3n_full_height  .left-box-modal-2 .row .col-md-6  .bot-box .bot-box_inner .nice-select{ position:relative; z-index:16; }
.overlay-blk-main.w3n_full_height  .left-box-modal-2 .row .col-md-6  .bot-box .bot-box_inner .nice-select.open{ z-index:20; }
  
  
 .swal2-actions .swal2-styled.swal2-confirm{ width:auto; height:50px; outline:none; box-shadow:none; color: #0F123F; background:none; font-size: 16px;
line-height: 21px; font-family: 'DMSans-Bold'; border-radius:0px; box-shadow:none;  outline:none; border: 1px solid #0F123F !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.swal2-actions .swal2-styled.swal2-confirm:hover{ color:#FFF; background:#0F123F; }

.swal2-actions .swal2-confirm swal2-styled{
	 width:auto; height:50px; outline:none; box-shadow:none; color: #0F123F; background:none; font-size: 16px;
line-height: 21px; font-family: 'DMSans-Bold'; border-radius:0px; box-shadow:none;  outline:none; border: 1px solid #0F123F !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.swal2-actions .swal2-confirm swal2-styled:hover{ color:#FFF; background:#0F123F;  }


.welcome-page{ position:relative; width:100%; height:100vh; }
.login-page{ position:relative; width:100%; height:100vh; }
.welcome-block-main{ align-items:center; }
.welcome_image{ position:relative; width:100%;}
.welcome_image .welcome_car_bg{ width:100%;} 
.welcome_image .welcome_car_bg > img{ height:100vh; float:right;} 
.welcome_image .welcome_car_bg .animate-car {position: absolute; left: 50%; top: 50%; margin:-5px 0 0px 45px; /*margin: 60px 0 0 160px;*/width: 440px;}
body.no-mar{ margin:0px;}
.welcome_image .welcome-car{ position:absolute; right:10.8%; top:30.1%; }
.car-welcome-text{ max-width:550px; position:absolute; left:124px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  }

.car-welcome-text h4{ margin:0px;  font-family: 'DMSans-Bold';  color: #0F123F; font-size: 72px;line-height: 94px;    }
.car-welcome-text .text{ max-width:396px; margin:0px; padding:0px; }
.car-welcome-text .text p{ margin:0px; padding:0px; font-family: 'DMSans-Regular';  color: #677891; font-size: 24px;line-height: 1.5;  }
.car-welcome-text .links{ padding:30px 0 0 0; }
.car-welcome-text .links  a{ margin:0 10px 0 0; display:inline-block; width: 150px;
height: 50px; color: #FFFFFF; font-size:16px; font-family: 'DMSans-Bold'; text-decoration:none; line-height:50px; text-align:center; border:#0F123F solid 1PX; background: #0F123F; 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.car-welcome-text .links  a strong{ font-weight:normal; }
 

.car-welcome-text .links  a:hover{    background:none;
    color: #0F123F;
}
.login-outer{ width:400px; max-width:400px; position:absolute; left:130px;  top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  }
.login-outer .enter-text{color: #0F123F; padding:0 0 18px; font-size: 36px; font-family: 'DMSans-Bold';line-height: 47px; }
.login-outer .form_row{ padding:1px 0 13px;  }
.login-outer .form_row .input-row input[type=text],
.login-outer .form_row .input-row input[type=email],
.login-outer .form_row .input-row input[type=password]{ width:100%; display:inline-block; height:40px; line-height:26px; padding:7px 20px; color: #0F123F; font-size: 16px; border-radius:0px;  font-family: 'DMSans-Regular'; background: #FFFFFF;
border: 1px solid #DEE4ED; box-shadow:none; outline:none;}
.login-outer .form_row .input-row .form-control::-webkit-input-placeholder {
  color: #DEE4ED;
  opacity: 1;
}

.login-outer .form_row .input-row .form-control::-moz-placeholder {
  color: #DEE4ED;
  opacity: 1;
}

.login-outer .form_row .input-row .form-control:-ms-input-placeholder {
  color: #DEE4ED;
  opacity: 1;
}

.login-outer .form_row .input-row .form-control::-ms-input-placeholder {
 color: #DEE4ED;
  opacity: 1;
}

.login-outer .form_row .input-row .form-control::placeholder {
  color: #DEE4ED;
  opacity: 1;
}
.forgot-pass{ margin-left:auto; }
.forgot-pass a {color: #0F123F; font-family: 'DMSans-Regular'; text-decoration:underline; font-size: 14px;}
.forgot-pass a:hover{ text-decoration:none; }
.check-row .form-check{ padding:0px; } 
.form-check [type="checkbox"]:not(:checked),
.form-check [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.form-check [type="checkbox"]:not(:checked) + label,
.form-check [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

/* checkbox aspect */
.form-check [type="checkbox"]:not(:checked) + label:before,
.form-check [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  background: #FFFFFF;
border: 1px solid #DEE4ED; box-shadow:none; outline:none; width:20px; height:20px;
}
/* checked mark aspect */
.form-check [type="checkbox"]:not(:checked) + label:after,
.form-check [type="checkbox"]:checked + label:after {
  content: ' ';
  position: absolute;
  left: 0; top: 0;
  background: #FFFFFF;
	border: 1px solid #0F123F; box-shadow:none; outline:none; width:20px; height:20px;
 
  -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
  background: url(../images/path-2.svg) no-repeat center center #0F123F;  
}
/* checked mark aspect changes */
.form-check [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.form-check [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.input-row-submit{ padding:36px 0 0 0; }
.input-row-submit .submit-button{ width:100%; border:0px; outline:none; box-shadow:none; border: #0F123F solid 1PX; background: #0F123F; height:50px; color: #FFFFFF; font-size: 16px; line-height:48px;  font-family: 'DMSans-Bold'; border-radius:0px;
	  -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.input-row-submit .submit-button:hover{    background:none;
    color: #0F123F;
}
.login-outer .form_row .invalid-feedback{ font-size:14px;}
.login-outer .form_row .invalid-feedback strong{ font-weight:normal; }


.left-box-top .ul-list + .ul-list ul{ -webkit-column-count: 1;column-count: 1;  }
.left-box-top .ul-list + .ul-list{ margin:12px 0 0 0; padding:9px 0 0 0; border-top: 1px solid #DEE4ED; }

.cls-header-inner .user{ position:relative; }
.cls-header-inner .user .hide-blk{ opacity:0; visibility:hidden;  position:absolute; left:0px; right:0px; padding:0px 0 0 0;   top:100%; z-index:10; 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.cls-header-inner .user .hide-blk a{ display:inline-block;  width:100%; padding:7px 0;   line-height:30px; color:#fff;  font-size: 14px;
  font-family: 'DMSans-Bold'; text-align:center; background:#333e63; 
  
  }
.cls-header-inner .user:hover .hide-blk{ opacity:1; visibility:visible; }

.col-md-3.first-half{ position:relative; left:-10px; }

.check-box-main{ padding:16px 0 0 0; }
.check-bx{ width:33.33%; display:block;}
.check-bx [type="checkbox"]:not(:checked),
.check-bx [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.check-bx [type="checkbox"]:not(:checked) + label,
.check-bx [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 22px;
  cursor: pointer; padding-right:15px;
  font-size: 12px; color: #677891;
line-height: 18px; margin:0px;
font-family: 'DMSans-Regular'!important ; font-weight:normal;
}

/* checkbox aspect */
.check-bx [type="checkbox"]:not(:checked) + label:before,
.check-bx [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 2px; border-radius:100px;
  background: #FFFFFF;
border: 1px solid #0F123F; box-shadow:none; outline:none; width:12px; height:12px;
}
/* checked mark aspect */
.check-bx [type="checkbox"]:not(:checked) + label:after,
.check-bx [type="checkbox"]:checked + label:after {
  content: ' ';
  position: absolute;
  left: 3px; top: 5px;
 
	border: 0px solid #0F123F; box-shadow:none; outline:none; width:6px; height:6px;
 border-radius:100px;
  -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
  background:#4FCBB5;  background-size:10px auto; 
}
/* checked mark aspect changes */
.check-bx [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.check-bx [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* How to paly game css ST */
.htp_header {background:#0f123f;width:320px;padding:17px 77px 0 60px;}
.g-user-name {font-size:20px;color:#fff;font-family: 'DMSans-Bold';padding:0 0 45px;}
.htp_header .g-menu ul {padding:0;margin:0;}
.g-menu ul li {list-style:none;padding:27px 0;}
.g-menu ul li a {color:#677891;font-size:20px;font-family: 'DMSans-Regular';
    display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	align-items: center;	
}
.g-menu ul li a i {margin-right: 20px;font-size:0;}
.g-menu ul li a:hover,
.g-menu ul li.active a {color:#fff;}
.g-menu ul li a:hover svg path,
.g-menu ul li.active a svg path{fill:#fff;} 
.g-menu ul li a:hover svg path.path-div,
.g-menu ul li.active a svg path.path-div{fill:#0F123F !important;  }


.gmae-outer .container-fluid{
    display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    flex-direction: column;
    height: 100%;
	/*justify-content: space-between;	*/	
	/*padding:0 53px 0 124px;*/
	padding:0 53px 0 144px;
}
.gmae-outer .game_car_img {position: absolute;left:-96px;top:50%;transform: translateY(-50%);}
.gmae-outer .game-logout {margin-left:auto;padding: 22px 0 2px 0;}
.game-logout a {color:#0F123F;font-size:20px;font-family: 'DMSans-Bold';}
.gmae-outer .videbox .image {width:100%;height:485px;background-color: #222B2E;background-position: center center;background-repeat: no-repeat;
	background-size: auto 100% ;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;	
}
.videbox { padding: 20px 0 0 0;}
.videbox .video {width: 100%;}
.videbox .video video {width:100%;height:485px;}
.gmae-outer .btngroup {margin-left:auto;padding:30px 0 28px; margin-top: auto;}
.btnbox {font-size:0;}
.btnbox a { display:inline-block;vertical-align: top;min-width:150px;height:50px;padding:0 20px;text-align: center;font-family: 'DMSans-Bold';font-size:16px;color:#fff;line-height: 48px;background: #0F123F;border: 1px solid #0F123F; }
.btnbox a:hover {background: transparent;color:#0F123F;}
.btngroup a + a {margin-left:20px;}
.btnbox a.white {background: #fff;color:#0F123F;}
/* How to paly game css ED */


body .game_slider.owl-carousel .owl-item img { width: auto; display: inline;}
body .game_slider.owl-carousel .owl-nav { padding: 20px 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
body .game_slider.owl-carousel .owl-nav button { display: block; width: 38px; height: 38px; border: solid 1px #111111; border-radius: 100px; cursor: pointer; background: none; outline: none; box-shadow: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}
body .game_slider.owl-carousel .owl-nav button + button { margin: 0 0 0 18px;}
body .game_slider.owl-carousel .owl-nav button.disabled { opacity: 0.3;}

/* Level game css ST */
.game-level {background:#F3F6FA;height:100%;}
.game-level .gl-header {padding:18px 60px 25px;justify-content: space-between;}
.gl-header .g-user-name {color:#0F123F;padding:0;}
.game-level .container-fluid.no-padd{background:#f3f6fb;padding:0 60px;min-height: calc(100vh - 73px);
    display: -webkit-box;
    display: -ms-flexbox;
	display: flex;	
    flex-direction: column;
    height: 100%;
	justify-content: space-between;		
}
.gl-level-row .gl-level-left { min-width:530px;  flex-wrap: wrap;}
.gl-level-row .gl-level-right{max-width: 750px;
min-width: 710px; }
.gl-level-row .gl-level-left .level-count {width:100%;}
.gl-level-row .gl-level-box {width:130px;background:#69c9d7;border-radius:10px;padding:14px;margin-right: 10px;}
.gl-level-row .gl-level-left .gl-level-box:nth-child(3) {background:#7480FF;}
.gl-level-row .gl-level-left .gl-level-box:last-child {background:#4fcab5;}
.gl-level-row .gl-level-box p {color:#fff;margin: 6px 0 4px;font-size:16px;font-family: 'DMSans-Bold';}
.gl-level-row .gl-level-box h3 {color:#fff;font-size:36px;font-family: 'DMSans-Bold';line-height:1;margin:0;padding:0;}
.gl-level-row .gl-level-right {padding:0 40px 0 0;}
.gl-level-row .gl-box-big {background:#687891;border-radius:10px;padding:17px 49px 16px 20px;}
.gl-level-row .gl-box-big ol {padding: 0 0 0 15px;margin:0;}
.gl-level-row .gl-box-big ol li {color:#fff;font-size: 14px;font-family: 'DMSans-Bold';}
.gl-level-row .gl-box-big ol li+ li {padding-top: 5px;}
.level-count {font-family: 'DMSans-Bold';font-size:24px;color:#0F123F;padding:0 0 27px;}
.red-text {font-family: 'DMSans-Regular';font-size:16px;color:#FF9391;padding:0 0 6px;}
.g-level-slider {position: relative;width: 100%;z-index: 1;height:calc(100vh - 73px);}
.g-level-slider .level-text {font-size: 240px;color:#DEE4ED;text-align: center;line-height: 1;font-family: 'DMSans-Bold';position: absolute;width:100%;top:-45px;text-transform: uppercase;z-index: -1;}
.g-level-slider:after {content: '';position: absolute;left:-60px;right:-60px;top:auto;bottom:0;background: #0F123F;bottom:0;z-index: -1;height:180px;}
.slider_level .item{height:100%;}
.slider_level .level-item {height:100%;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;	
	flex-direction: column;
}
.slider_level {height:100%;}
.slider_level .owl-stage-outer div[class*="owl-"],
.slider_level .owl-stage-outer{height:100%;}
.slider_level.owl-carousel .image {position: relative;margin-top: auto;margin-bottom: 15px;text-align: center;}
.slider_level.owl-carousel .owl-item img {width: auto;display: inline-block;vertical-align: top;}
.slider_level.owl-carousel .owl-nav *{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.slider_level.owl-carousel .owl-nav button {width:60px;height:60px;background:#DEE4ED !important;position: absolute;bottom:150px;left:0;margin: 0 0 0;outline: none;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slider_level.owl-carousel .owl-nav button.owl-next{left: auto;right: 0;}
.slider_level.owl-carousel .owl-nav button:hover {background: #333E63 !important;}
.slider_level.owl-carousel .owl-nav button:hover svg path {fill:#fff;}
.g-level-slider .btnbox {   text-align: center;padding:30px 0;}
.g-level-slider .btnbox a {color:#fff;height:60px;line-height:58px;text-transform: uppercase;border: 1px solid #fff;min-width: 180px;background: transparent;letter-spacing: 0.02em; margin:0 10px;}	
.g-level-slider .btnbox a:hover {background: #fff;color: #0F123F;}
.g-content-outer .container-fluid {justify-content:flex-start;}
.game_content h2 {    font-family: 'DMSans-Bold'; font-size: 24px; line-height: normal;}
.game_content h6 { font-size: 18px; line-height: normal; color: #FF9391; font-family: 'DMSans-Regular';}
/* Level game css ED */

.game_content .level_info {}
.game_content .level_info h6 { font-size: 18px; line-height: normal; color: #FF9391; font-family: 'DMSans-Regular';}
.game_content .level_block { padding: 14px 0 12px 0;}
.game_content .level_block + .level_block { border-top: solid 1px #DEE4ED;}
.game_content .level_block h5 { font-size: 18px; line-height: 30px; color: #0F123F; font-family: "DMSans-Bold"; margin: 0; padding: 0 0 4px 0;}
.game_content .level_block .passfail { width: 100%;}
.game_content .level_block .passf_tit { font-size: 14px; line-height: 24px; color: #0F123F; font-family: "DMSans-Bold"; margin: 0 3px 0 0;}
.game_content .level_block .passf_tit span { font-size: 14px; line-height: 24px; color: #677891; font-family: "DMSans-Regular";}
.game_content .level_block .passf_con { font-size: 14px; line-height: 24px; color: #677891;}

.game_content .new_level_info {}
.game_content .new_level_info .row { margin-left: -35px; margin-right: -35px;}
.game_content .new_level_info .row [class*="col-"] { padding-left: 35px; padding-right: 35px;}

.game_content .game_instruction {}
.game_content h5 { font-size: 14px; color: #0F123F; margin: 0; padding: 10px 0 0 0; line-height: normal; font-family: "DMSans-Bold";}

.game_content .scroring_wrap { max-width: 700px; margin: 16px 0 0 0;}
.game_content .scroring_block { padding: 0 0 33px 0;}
.game_content .scroring_block + .scroring_block { padding-top: 33px; border-top: solid 1px #DEE4ED;}
.game_content .scroring_block h5 { font-size: 18px; line-height: 30px; color: #0F123F; font-family: "DMSans-Bold"; margin: 0; padding: 0 0 4px 0;}
.game_content .scroring_block p { font-size: 14px; line-height: 24px; color: #677891; font-family: "DMSans-Regular"; margin: 0; padding: 0;}

.level-item  .blank-div{ display:block; width:100%; min-height:120px; } 

.level-content-listing{ min-height:100vh; background:#f3f6fa;  position:relative; }
.level-content-listing .gl-header{ position:absolute; left:0px; top:0px; width:100%; z-index:10; }
.level-content-listing .back-links{ position:absolute; right:53px; bottom:28px;  }

.game_box-screen-listing{ flex-direction:column; padding:120px 0 85px; min-height:100vh; align-items:center; justify-content:center;  }
.game_box-screen-listing ul{ width:100%; padding:0px; max-width:1075px; flex-wrap:wrap; margin:0 -14px; }
.game_box-screen-listing ul li{ display:inline-block; width:33.33333%; padding:14px;}
.game-text-box{min-height:408px;  background:#677891; position:relative; flex-direction:column;  align-items:center;  }
.game-text-box a{ width:100%; overflow:hidden; min-height:408px; flex-direction:column; position:relative; height:100%; align-items:center; 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}
.game-text-box a > h6,
.game-text-box a > div{ position:relative; z-index:5; }
.game-text-box a:after{ width:100%; z-index:1; content:''; height:200px; position:absolute; left:0px; top:0px; -webkit-transform:translateY(-100%); transform:translateY(-100%);    background:#0f123f;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 

}
.game-text-box a:hover:after{ -webkit-transform:translateY(0%); transform:translateY(0%);   }
.page_description{ text-align:center; max-width:1075px; margin:0 auto; display:block; padding:0 0 40px; }
.page_description h3{ margin:0px; font-size: 20px;
color: #0F123F; padding:0 0 20px; 
  font-family: 'DMSans-Bold';}
 .page_description p{ font-size:16px; }
.game-text-box h6{ margin:0px; text-align:center; font-size:28px; padding:42px 0 0 0; min-height:113px; color:#fff;  font-family: 'DMSans-Bold';}
.game-text-box .icon-list{ width:100%; margin-top:auto; }
.game-text-box .icon-list .icon-in{ line-height:108px; text-align:center; width:33.333333%; height:108px; background:#FF9391; }
.game-text-box .icon-list .icon-in:nth-child(2){ background:#7480FF; }
.game-text-box .icon-list .icon-in:nth-child(3){ background:#69C9D6; }

.game-text-box a:hover{ box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);}

.g-level-slider .center-btn-start{ position:absolute; left:0px; bottom:0px; width:100%; text-align:center; z-index:150; }
.quaction-sldier-blk .thank-you_blk .left-colum .thankyou-inner-con h4{color: #0F123F;font-size: 90px;
line-height: 1;font-family: 'DMSans-Bold';
 }
.quaction-sldier-blk .thankyou-inner-con .text{ padding:3px 0 0 0; color: #0F123F; font-size: 18px;
line-height: 23px;} 
.quaction-sldier-blk .thank-you_blk{ min-height:270px; }

.quaction-sldier-blk  .thank-you_blk .next-btn  a{ display:inline-block; vertical-align:top; width:180px; line-height:58px; height:60px; outline:none; box-shadow:none; color: #0F123F; background:none; font-size: 16px;
 font-family: 'DMSans-Bold'; border-radius:0px; border: 1px solid #0F123F;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; margin:0 0px; letter-spacing: 0.2em; text-transform:uppercase;
}
.quaction-sldier-blk  .thank-you_blk .next-btn  a:hover{ color:#FFF; background:#0F123F; }
.quaction-sldier-blk .thank-you_blk .left-colum .thankyou-inner-con{ padding-left:180px; }

.full-screen-popup{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:100; }

body .swal2-container.swal2-backdrop-show, 
body .swal2-container.swal2-noanimation{ background:rgba(15,18,63,0.8); }
body .swal2-actions .swal2-styled,
body .swal2-actions .swal2-styled.swal2-confirm { display:inline-block; vertical-align:top; /* width:150px; */ 
	line-height:48px; height:50px; outline:none; box-shadow:none; color: #0F123F; background:none; font-size: 16px;
 	font-family: 'DMSans-Bold'; border-radius:0px; border: 1px solid #0F123F;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out; padding:0 20px !important;; min-width:150px;  
	transition: all .3s ease-in-out; margin:0 15px; color:#FFF; background:#0F123F !important;
}
body .swal2-actions .swal2-styled:hover,
body .swal2-actions .swal2-styled.swal2-confirm:hover{ color:#0F123F; background:#fff !important; }


.htp-game-main{ min-height:100vh; }

.welcome-screen-outer{ position:relative; width:100%; display:block; height:100vh; background:url(../images/welcome-bg.png) no-repeat center 32px #f6f9ff;  }

.welcome-screen-outer .blue-belt{ position:absolute; left:0px; bottom:0px; width:100%; height:180px; background: #0F123F; }
.welcome-screen-outer .animated-car{ position:absolute; left:0px; bottom:87px; width:100%; }


.notes-text{ margin:10px 0 0 0; align-items:flex-start; }

.notes-text i{ min-width:60px; width:60px; }
.notes-text > span{   font-family: 'DMSans-Bold';  color: #0F123F; font-size: 14px;
line-height: 18px;}
.notes-text > span#popup_job_notes_title{ line-height:30px; }
.quaction-blk-mn{ min-height:270px; } 
.notes-text > span#popup_job_notes{ padding:6px 0 0 0; }


@media (min-width: 1700px) and (max-width: 2200px){
.welcome_image .welcome_car_bg .animate-car {  margin: 60px 0 0 160px;  }
}
@media (min-width: 1550px) and (max-width: 1699px){
.welcome_image .welcome_car_bg .animate-car { margin: 40px 0 0 80px  }
}
@media (min-width: 1550px) and (max-width: 1699px){
.welcome_image .welcome_car_bg .animate-car { margin: 40px 0 0 80px  }
}
@media (min-width: 1351px) and (max-width: 1450px) {
/*.car-modal .modal-cls{ right:12px; }	
.bot-box{ min-height:280px; }
.left-box-modal-2 .bot-box{ padding-bottom:7px; }
.left-box-modal-2{ padding:0 20px 20px; }
.car-submit-row{ padding:20px 20px 0; }
.cls-header{ max-width:100%; }*/



/*.car-page-outer-main{ padding-bottom:0px;} 
.header-right .h_timer i{ position:relative;top:-2px; }
.header-right .h_timer{ padding:0 15px; justify-content:center; min-width:178px;  }*/
/*========= 25-9-2020 =============*/
/*.cls-header-inner{ height:70px; }
.header-right .h_timer{ height:70px; }

.car-top-list ul li{ padding:15px 0; }
.car-box .car-img_mn .car-img img{ width:45px;}
.cls-header-inner .user{ font-size:16px; }
.cls-header-inner .laval-text{ font-size:20px; }
.header-right .icon-text span{ font-size:20px; }
.header-right .icon-text i img{ width:24px;}
.header-right .h_timer i img,
.header-right .h_star i img{ width:24px;}
.header-right .h_timer i img{ position:relative; top:-3px; }
.header-right .h_timer,
.header-right .h_star{ font-size:20px; }
.header-right .h_timer{ justify-content:center; padding:0 0px; width:124px; text-align:center;} 
.header-right .h_timer i{ padding-right:10px; }
.header-right .h_timer .countup{ display:inline-block; width:auto;  }

.car-modal .modal-content{ margin:70px 0 0 0; }
.car-modal .modal-cls{ right:12px; }
.car-modal .modal-xl{ margin-bottom:0px; }


.left-box-modal{ padding:20px;   }
.left-box-top .name i{ line-height:45px; height:45px; font-size:26px; margin-left:0px;  width:45px; }
.left-box-top .name span{ font-size:20px; }
.left-box-top ul li{ font-size:16px; }
.left-box-bottom .row{ margin:0 -5px; }
.left-box-bottom .row .col-md-6{ padding:0 5px;}
.bot-box_inner .form-control{ font-size:15px; padding-left:8px; }
.left-box-modal-2{ padding:0 20px 20px;}
.car-submit-row{ padding:20px 20px 0; }
.left-box-modal-2 .bot-box{ padding:7px 0; }

.car-submit-row .car-image img{ width:250px;}
.advice-row{ margin:10px 0 0 0; }
.advice-row .laft-data{ padding:10px 19px 10px 0; }
.bot-box{ min-height:200px; }
.nice-select .option{ min-height:30px; line-height:30px;  font-size:13px; }
.nice-select .list{ max-height:150px; }
.quaction-blk-mn .count{ min-width:130px; height:130px; padding:30px 0 0 0;  }
.quaction-blk-mn{ padding:15px 0; }
.quaction-blk-inner .quaction p{ font-size:16px; line-height:22px; }
.ans-blk ul{ padding:8px 0 0 0; }
.ans-blk ul li{ padding-top:10px; }
.radio-box [type="radio"]:not(:checked) + label, .radio-box [type="radio"]:checked + label{ height:52px; }

.thank-you_blk{ min-height:180px; }
.thank-you_blk .left-colum img{ width:85px;}
.thank-you_blk .left-colum .thankyou-inner-con h4{ font-size:30px; }*/
/*========= 25-9-2020 =============*/
}
@media (min-width: 1200px) and (max-width: 1350px) {
/*.center-align-div{ max-width:1150px;  width:1150px; }	*/
.overflow-div{ max-width:100%;  overflow:auto;  }

.timeline_bottom{   }

.cls-header{ padding:0 40px; }
/*.thank-you-center{ max-width:1150px; }*/
.car-top-list ul li{ width:80px;}
/*.center-contain-div{ max-width:1100px; }*/
 


.header-right .h_timer{ height:70px;  }
.header-right .h_star{ padding:0 20px; font-size:18px; }
.header-right .h_timer{padding:0 20px; font-size:18px; }
.header-right .icon-text  {padding:0 20px 0 0; font-size:18px; }
.header-right .icon-text span{font-size:18px; }
.header-right .h_timer i,
.header-right .h_star i,
.header-right .icon-text i{ padding-right:10px; }
.cls-header-inner{ height:70px; }
.car-box .time-icon img{ width:24px;}
.car-box .time-icon{ padding:16px 0 0 0; }

.car-modal .modal-cls{ right:0px; }


.left-box-modal{ padding:20px;   }
.left-box-top .name i{ line-height:45px; height:45px; font-size:26px; margin-left:10px;  width:45px; }
.left-box-top .name span{ font-size:20px; }
.left-box-top ul li{ font-size:16px; }
.left-box-bottom .row{ margin:0 -5px; }
.left-box-bottom .row .col-md-6{ padding:0 5px;}
.bot-box_inner .form-control{ font-size:15px; padding-left:8px; }
.left-box-modal-2{ padding:0 20px 20px;}
.car-submit-row{ padding:40px 20px 0; }

.car-page-outer-main{ padding-bottom:50px; }

.timeline-outer{ width:1325px; padding:0 0 130px;}	
.car-sub-popup_inner .left-car{ margin:10px 0; padding:17px 10px 15px; }
.car-sub-popup_inner .left-car img{ width:50px;}
.right-p-data{ padding:10px 0 10px 10px; }
.text-row_inner{ padding-bottom:8px; }
.car-sub-popup-main{ width:244px;}

.car-modal .modal-cls{ right:23px; }	
.bot-box{ min-height:200px; }
.left-box-modal-2 .bot-box{ padding:7px 0; }
.left-box-modal-2{ padding:0 15px 15px; }
.car-submit-row{ padding:15px 15px 0; }
.car-modal .modal-content{margin:70px 0 0 0; }
.left-box-top{  padding-bottom:20px;}
.advice-row{ margin:7px 0 0 0; }
.bot-box_inner label{ margin:0 0 2px; font-size:13px; }
.modal.show .modal-dialog{ margin-bottom:0px;}
.car-modal-conatin{ padding-bottom:10px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.center-align-div{ max-width:930px;  width:930px; }	
.overflow-div{ max-width:100%;  overflow:auto;  }
.timeline-outer{ width:1325px;}	
.timeline_bottom{   }

.cls-header{ padding:0 15px; }
.thank-you-center{ max-width:930px; }
.car-top-list ul li{ width:80px;}
.center-contain-div{ max-width:900px; }
 
.ans-blk ul li{ width:100%; padding:15px 0 0 0px;}
.ans-blk ul li:nth-child(2n+0){ padding:15px 0 0 0; }

.header-right .h_timer{ height:70px;  }
.header-right .h_star{ padding:0 20px; font-size:18px; }
.header-right .h_timer{padding:0 20px; font-size:18px; }
.header-right .icon-text  {padding:0 20px 0 0; font-size:18px; }
.header-right .icon-text span{font-size:18px; }
.header-right .h_timer i,
.header-right .h_star i,
.header-right .icon-text i{ padding-right:10px; }
.cls-header-inner{ height:70px; }
.car-box .time-icon img{ width:24px;}
.car-box .time-icon{ padding:16px 0 0 0; }


.car-modal .modal-cls{ right:0px; top:-14px; }


.left-box-modal{ padding:20px;   }
.left-box-top .name i{ line-height:45px; height:45px; font-size:30px; margin-left:10px;  width:45px; }
.left-box-top .name span{ font-size:20px; }
.left-box-top ul li{ font-size:16px; }
.left-box-bottom .row{ margin:0 -5px; }
.left-box-bottom .row .col-md-6{ padding:0 5px;}
.bot-box_inner .form-control{ font-size:15px; padding-left:8px; }
.left-box-modal-2{ padding:0 20px 20px;}
.car-submit-row{ padding:40px 20px 0; }
.bot-box{ min-height:0px; }	
.bot-box .btn-bar{ margin:40px 0 0 0; }

.car-submit-row .car-image img{ width:200px;}

.bot-box .bot-box_inner{ min-height:120px;}

.car-page-outer-main{ padding-bottom:50px; }
.timeline-outer{ width:1325px; padding:0 0 130px;}	
.car-sub-popup_inner .left-car{ margin:10px 0; padding:17px 10px 15px; }
.car-sub-popup_inner .left-car img{ width:50px;}
.right-p-data{ padding:10px 0 10px 10px; }
.text-row_inner{ padding-bottom:8px; }
.car-sub-popup-main{ width:244px;}

}
@media (min-width: 768px) and (max-width: 991px) {
.center-align-div{ max-width:700px;  width:700px; }	
.overflow-div{ max-width:100%;  overflow:auto;  }
.timeline-outer{ width:1325px;}	
 

.cls-header{ padding:0 15px; }
.thank-you-center{ max-width:700px; }
.car-top-list ul li{ width:80px;}
.center-contain-div{ max-width:700px; }
 
.ans-blk ul li{ width:100%; padding:15px 0 0 0px;}
.ans-blk ul li:nth-child(2n+0){ padding:15px 0 0 0; }

.cls-header-inner .user	{ font-size:16px; line-height:20px; }
.cls-header-inner .laval-text{ font-size:20px; }
.car-box .car-img_mn .car-img img{ width:48px;}
.car-box .time{ font-size:12px; }
.quaction-blk-mn .count{ min-width:130px; height:130px; padding:30px 0 0 0; }
.quaction-blk-inner{ padding-left:20px; }
.thank-you_blk .left-colum .thankyou-inner-con h4 { font-size:24px; }
.thank-you_blk .left-colum .thankyou-inner-con p{ font-size:14px; }
.thank-you_blk .left-colum{ padding-right:15px; }

.header-right .h_timer{ height:70px;  }
.header-right .h_star{ padding:0 20px; font-size:18px; }
.header-right .h_timer{padding:0 20px; font-size:18px; }
.header-right .icon-text  {padding:0 20px 0 0; font-size:18px; }
.header-right .icon-text span{font-size:18px; }
.header-right .h_timer i,
.header-right .h_star i,
.header-right .icon-text i{ padding-right:10px; }
.cls-header-inner{ height:70px; }
.car-box .time-icon img{ width:24px;}
.car-box .time-icon{ padding:16px 0 0 0; }


.left-box-modal{ width:100%; margin:0 0 30px; padding:20px;   }
.left-box-top .name i{ line-height:45px; height:45px; font-size:30px; margin-left:10px;  width:45px; }
.left-box-top .name span{ font-size:20px; }
.left-box-top ul li{ font-size:16px; }
.left-box-bottom .row{ margin:0 -5px; }
.left-box-bottom .row .col-md-6{ padding:0 5px;}
.bot-box_inner .form-control{ font-size:15px; padding-left:8px; }
.left-box-modal-2{ width:100%; padding:0 20px 20px;}
.car-submit-row{ padding:40px 20px 0; }
.bot-box{ min-height:0px; }	
.bot-box .btn-bar{ margin:40px 0 0 0; }

.car-submit-row .car-image img{ width:200px;}

.bot-box .bot-box_inner{ min-height:120px;}
.car-modal-right{ display:none; }
.car-modal-conatin{ flex-direction:column; }
.car-modal .modal-cls{ right:0px; }
.left-box-modal-2-main{ width:100%;}


.car-page-outer-main{ padding-bottom:50px; }
.timeline-outer{ width:1325px; padding:0 0 130px;}	
.car-sub-popup_inner .left-car{ margin:10px 0; padding:17px 10px 15px; }
.car-sub-popup_inner .left-car img{ width:50px;}
.right-p-data{ padding:10px 0 10px 10px; }
.text-row_inner{ padding-bottom:8px; }
.car-sub-popup-main{ width:244px;}
}
 
 
 
.scenario-text  { align-items:center; }
.scenario-text i{ display:inline-block; width:46px; min-width:46px;}
.scenario-text i img{ width:30px;}
.notes-text i{ display:inline-block; width:46px; min-width:46px;}
.notes-text i  img{ width:30px;}


.left-box-top .submit-btn-overlay .submit-btn a{ width:90px;   line-height:28px; background:#0F123F; font-size:14px; color:#fff; height:30px;     }
.left-box-top .submit-btn-overlay .submit-btn a:hover{ color:#0F123F; background:#fff; }


.gl-level-row .gl-box-big{ min-height:160px; display: -webkit-box;
    display: -ms-flexbox;
	display: flex; justify-content:center;
	flex-direction:column; 
	align-items: center;  }
.gl-level-row .gl-box-big ol{ width:100%; }	

.left-box-top .ul-list + .ul-list.popup_scenario_div{ padding:14px 0 0 0;  }
.popup_scenario_div h6{ margin:0px; padding:12px 0 0 0; font-family: 'DMSans-Bold';  color: #0F123F; font-size: 14px;
line-height: 18px;  }

.left-box-top .ul-list.popup_job_notes_div{ margin:10px 0 0 0; }
.notes-text{ margin:5px 0 0 0; }



.game_content p { color:#677891; line-height:18.23px; } 
.game_content ul { padding:7px 0 0px 15px; margin: 0 0 8px 0;}
.game_content ul li{ display:inline-block; width:100%; padding:0 0 0 15px; position:relative; color:#677891; font-size:14px; line-height:18.23px;  }
.game_content ul li:after{ position:absolute; left:0px; top:5px; width:4px; height:4px; content:''; background:#FF9391; border-radius:50px; }



.sign-contain{ padding:0 0 0 0; }
.sign-contain h5{ padding:0 0 16px; margin:0px; font-family: 'DMSans-Bold'; color: #0F123F; font-size: 24px;
line-height: 31px; }
.sign-contain h6{ margin:0px; color: #FF9391; font-size: 18px;
line-height: 23px; }
 .sign-contain_inner{ padding:25px 0 0 0; }
 .sign-contain_inner .sign_row{ padding:5px 0;} 
.sign-contain_inner .sign_row  .sign-row_inner{ align-items:center; display: -webkit-box;
    display: -ms-flexbox;
	display: flex; }
.sign-contain_inner .sign_row  .sign-row_inner i{ width:46px; min-width:46px; max-width:46px;}
.sign-contain_inner .sign_row  .sign-row_inner i img{ width:30px;}
.sign-contain_inner .sign_row  .sign-row_inner span{ font-family: 'DMSans-Bold';color: #FF9391; font-size: 18px;
line-height: 23px; }
.sign-contain_inner .sign_row .text{ padding:11px 0 0 45px; color: #677891; font-size: 16px;
line-height: 21px; }

.sign-contain_inner .sign_row.sec-text .sign-row_inner span{ color: #7480FF;}
.sign-contain_inner .sign_row.day-text .sign-row_inner span{ color: #F48400;}
.sign-contain_inner .sign_row.emg-text .sign-row_inner span{ color: #FF302C;}




@keyframes flickerAnimation {
  0%   { -webkit-transform:scale(1,1); transform:scale(1,1); opacity:1; }
  50%  { -webkit-transform:scale(0.5,0.5); transform:scale(0.5,0.5);      opacity:0.5;}
  100% {  -webkit-transform:scale(1,1); transform:scale(1,1); opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { -webkit-transform:scale(1,1); transform:scale(1,1);   opacity:1;}
   50%  { -webkit-transform:scale(0.5,0.5); transform:scale(0.5,0.5);    opacity:0.5;}
  100% {  -webkit-transform:scale(1,1); transform:scale(1,1);  opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { -webkit-transform:scale(1,1); transform:scale(1,1);   opacity:1;}
  50%  { -webkit-transform:scale(0.5,0.5); transform:scale(0.5,0.5);     opacity:0.5;}
  100% {  -webkit-transform:scale(1,1); transform:scale(1,1);   opacity:1;}
}
@-webkit-keyframes flickerAnimation{
  0%   { -webkit-transform:scale(1,1); transform:scale(1,1);   opacity:1;}
  50%  { -webkit-transform:scale(0.5,0.5); transform:scale(0.5,0.5);     opacity:0.5; }
  100% {  -webkit-transform:scale(1,1); transform:scale(1,1);   opacity:1;}
}
.blink_icon i img {
   -webkit-animation: flickerAnimation 1.5s infinite;
   -moz-animation: flickerAnimation 1.5s infinite;
   -o-animation: flickerAnimation 1.5s infinite;
    animation: flickerAnimation 1.5s infinite;
	 display:inline-block;
}



.car-box .car-img_mn .car-img img{ display:inline-block; -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; -webkit-transform:scale(1,1); transform:scale(1,1); }
.car-box .car-img_mn a:hover img{-webkit-transform:scale(0.85,0.85); transform:scale(0.85,0.85);   }	


.left-box-top .ul-list.popup_job_notes_div .note-bot-text{ padding:10px 0 0 0; 
display: block;
font-size: 14px;  }

.center-contain-div form{ margin:0px; }



.left-box-top .ul-list.popup_job_notes_div #popup_job_notes{ padding:15px 0 0 0; font-size:14px;  display:block;      }


 
.table-blk .tbody ul li:nth-child(3) .car-sub-popup-main,
.table-blk .tbody ul li:nth-child(4) .car-sub-popup-main,
.table-blk .tbody ul li:nth-child(5) .car-sub-popup-main,
.table-blk .tbody ul li:nth-child(6) .car-sub-popup-main,
.table-blk .tbody ul li:nth-child(7) .car-sub-popup-main,
.table-blk .tbody ul li:nth-child(8) .car-sub-popup-main{ top:auto; bottom:100%; margin:0px 0 5px 0; }
.table-blk .tbody ul li:nth-child(3) .car-sub-popup-main .car-sub-popup_inner:after,
.table-blk .tbody ul li:nth-child(4) .car-sub-popup-main .car-sub-popup_inner:after,
.table-blk .tbody ul li:nth-child(5) .car-sub-popup-main .car-sub-popup_inner:after,
.table-blk .tbody ul li:nth-child(6) .car-sub-popup-main .car-sub-popup_inner:after,
.table-blk .tbody ul li:nth-child(7) .car-sub-popup-main .car-sub-popup_inner:after,
.table-blk .tbody ul li:nth-child(8) .car-sub-popup-main .car-sub-popup_inner:after{ top:auto; bottom:-12px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}


.slider_level.owl-carousel .image img{ opacity:0; }

.g-level-slider_inner{ position:relative;  }
  .amimted-over-slider-car{ width:100%; position:absolute; left:0px; bottom:136px; text-align:center; z-index:100; pointer-events:none;  }
  
.bot-box_inner .form-control .nice-select.open .list{ max-height:123px; z-index:150; }
.bot-box_inner .nice-select.open .list{ max-height:123px; z-index:150; }



/*========================================================*/
/*================ New Custom Style Start ================*/
/*========================================================*/

/*============ Quiz Page Start ============*/
.quiz-page { width:100%; position:relative; overflow:hidden;}
.quiz-landing-wrap { width:100%; position:relative; background:#0F123F; border-top:1px solid #555F82;}
.quiz-landing { width:100%; min-height:calc(100vh - 65px); display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; padding:50px 0px;}
.quiz-landing-block { width:100%; max-width:1250px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; margin:0 auto; padding:0px 15px;}
.quiz-landing-block .quiz-landing-text { width:calc(100% - 520px); float:left;}
.quiz-landing-block .quiz-landing-text h2 { font-family: 'DMSans-Bold'; font-size:72px; color:#FFF; line-height:1; margin:0 0 10px 0; padding:0px;}
.quiz-landing-block .quiz-landing-text p { font-family: 'DMSans-Regular'; font-size:18px; color:#FFF; line-height:30px; margin:0 0 35px 0; padding:0px;}
.quiz-landing-block .quiz-landing-text ul { display:block; margin:0px; padding:0 0 0 24px;}
.quiz-landing-block .quiz-landing-text ul li { font-family: 'DMSans-Bold'; font-size:24px; color:#69C9D6; line-height:28px; list-style:outside disc; margin:0px; padding:6px 0px;}
.quiz-landing-block .quiz-landing-text .btnbox { width:100%; display:block; margin:30px 0 0 0;}
.quiz-landing-block .quiz-landing-text .btnbox .c-button { min-width:180px; height:60px; color:#0F123F; letter-spacing:0.2em; text-transform:uppercase; line-height:58px; background:#FFF; border-color:#FFF; margin:0px;}
.quiz-landing-block .quiz-landing-text .btnbox .c-button:hover { color:#FFF; background:#0F123F;}
.quiz-landing-block .quiz-landing-image { width:490px; float:right; text-align:right; margin-left:auto;}
.quiz-landing-block .quiz-landing-image img { max-width:100%;}

.quiz-screen-wrap { width:100%; position:relative; background:#F6F9FF;}
.quiz-screen { width:100%; position:relative;}
.quiz-block { width:100%; min-height:calc(100vh - 64px); max-width:1366px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 auto;}
.quiz-block .quiz-left { width:42%; float:left; position:relative; z-index:1; background:#F6F9FF; padding:30px 35px 30px 45px;}
.quiz-block .quiz-right { width:58%; float:left; position:relative; z-index:1; background:#FFF; padding:30px 45px 30px 30px;}
.quiz-block .quiz-right:after { content:""; width:10000px; height:100%; background:#FFF; position:absolute; top:0px; left:100%; z-index:-1;}
.quiz-block .question-mark { width:265px; position:absolute; top:27px; left:-40px; z-index:-1;}
.quiz-block .question-mark img { width:100%;}
.quiz-block .quiz-text { width:100%;}
.quiz-block .quiz-text h4 { font-family: 'DMSans-Bold'; font-size:24px; color:#0F123F; line-height:31px; margin:0px; padding:0px;}
.quiz-block .quiz-table { width:100%; margin:48px 0 0 0;}
.quiz-block .quiz-table .table-responsive { margin:0px;}
.quiz-block .quiz-table .table { margin:0px;}
.quiz-block .quiz-table .table thead tr th { font-family: 'DMSans-Bold'; font-size:18px; color:#FFF; line-height:23px; background:#0F123F; border-color:#DEE4ED; padding:10px 14px;}
.quiz-block .quiz-table .table tbody tr td { font-family: 'DMSans-Bold'; font-size:18px; color:#0F123F; line-height:23px; background:#FFF; border-color:#DEE4ED; padding:10px 14px;}
.quiz-block .quiz-table .table tbody tr:nth-child(even) td { background:#F6F9FF;}
.quiz-block .quiz-list { width:100%;}
.quiz-block .quiz-list .quiz-checkbox { width:100%; display:inline-block; vertical-align:top; margin:0 0 9px 0;}
.quiz-block .quiz-list .quiz-checkbox input[type="checkbox"] { display:none;}
.quiz-block .quiz-list .quiz-checkbox input[type="checkbox"] + label { width:100%; position:relative; display:block; font-family: 'DMSans-Regular'; font-size:18px; color:#0F123F; font-weight:normal; line-height:23px; background:none; border:1px solid #DEE4ED; margin:0px; padding:11px 20px 11px 64px;}
.quiz-block .quiz-list .quiz-checkbox input[type="checkbox"] + label:before { content:""; width:25px; height:25px; background:none; border:1px solid #DEE4ED; cursor:pointer; position:absolute; top:10px; left:20px;}
.quiz-block .quiz-list .quiz-checkbox input[type="checkbox"]:checked + label:before { background:url(../images/checkmark.svg) center center no-repeat #0F123F; border-color:#0F123F;}
.quiz-block .quiz-holdar { width:100%; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; margin:48px 0 0 0;}
.quiz-block .quiz-holdar .quiz-note { width:calc(100% - 320px); float:left; font-family: 'DMSans-Medium'; font-size:11px; color:#677891; line-height:16px; background:url(../images/info-icon-red.svg) top left no-repeat; margin:0px; padding:0 0 0 25px;}
.quiz-block .quiz-holdar .quiz-btnbox { width:320px; float:right; margin-left:auto;}
.quiz-block .quiz-holdar .quiz-btnbox .c-button { width:auto; min-width:150px; height:50px; float:left; font-family: 'DMSans-Bold'; font-size:16px; color:#0F123F; text-align:center; line-height:48px; background:#FFF; border:1px solid #0F123F; border-radius:0px; box-shadow:none; margin:0px; padding:0px 15px;}
.quiz-block .quiz-holdar .quiz-btnbox .c-button:hover { color:#FFF; background:#0F123F;}
.quiz-block .quiz-holdar .quiz-btnbox .c-button + .c-button { margin:0 0 0 20px;}

.form-horizontal.frm_scenario_questionnaires_submit { margin:0px;}

body .swal2-actions .swal2-styled, body .swal2-actions .swal2-styled.swal2-confirm a { color:inherit;}
body .swal2-actions .swal2-styled, body .swal2-actions .swal2-styled.swal2-cancel a { display:inline-block; vertical-align:top; width:150px; line-height:48px; height:50px; outline:none; box-shadow:none; color: #0F123F; background:none; font-size: 16px;
 font-family: 'DMSans-Bold'; border-radius:0px; border: 1px solid #0F123F;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out; padding:0px; min-width:150px; 
	transition: all .3s ease-in-out; margin:0 15px; color:#FFF; background:#0F123F !important;
}
/*============ Quiz Page End ============*/

/*========================================================*/
/*================= New Custom Style End =================*/
/*========================================================*/