@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/Avenir/black/AvenirLTStd-Black.woff2') format('woff2'),
        url('../fonts/Avenir/black/AvenirLTStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/Avenir/bold/AvenirLTStd-Heavy.woff2') format('woff2'),
        url('../fonts/Avenir/bold/AvenirLTStd-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/Avenir/book/AvenirLTStd-Book.woff2') format('woff2'),
        url('../fonts/Avenir/book/AvenirLTStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/Avenir/medium/AvenirLTStd-Medium.woff2') format('woff2'),
        url('../fonts/Avenir/medium/AvenirLTStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/Avenir/roman/AvenirLTStd-Roman.woff2') format('woff2'),
        url('../fonts/Avenir/roman/AvenirLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/Avenir/light/AvenirLTStd-Light.woff2') format('woff2'),
        url('../fonts/Avenir/light/AvenirLTStd-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


body{ margin:0; padding:0 !important; overflow-x:hidden; color:#1E252C; background-color:#fff !important;  overflow-x:hidden;  transition: all 0.3s ease-in-out 0s ;     font-family: 'Avenir LT Std'; font-weight: normal;  transition: } 
html, body { height: 100%;  scroll-behavior: smooth; scroll-padding-top: 95px;}
#wrap { min-height: 100%;}
button:focus{ outline:none; border:0px none;}
.btn{ transition: all 0.3s ease-in-out 0s; }
a{ color:#00BFFF; transition: all 0.2s ease-in-out 0s;}
a:focus{ outline:none; border:0px none;}
video:focus{ outline:none; border:0px none;}
a:hover{ text-decoration:none; color:#242424;}
.btn:active,
.btn:focus,
.btn.active,
.btn-outline-primary{  background-image: none;  -webkit-box-shadow: none;  box-shadow: none;}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow:none !important;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section { display:block}
.custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control { background-image: linear-gradient(0deg, #009688 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px, transparent 0);}
.custom-file-control, .form-control{ font-size:20px;  color:#000;}
.animated{  -webkit-animation: blue 2s infinite; -moz-animation: blue 2s infinite;  -o-animation: blue 2s infinite;  animation: blue 2s infinite; }
.bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label{ font-size:18px;  }
.bmd-form-group .bmd-label-floating, .bmd-form-group .bmd-label-placeholder {  top: 2.0rem;}
.bmd-form-group { position: relative;  padding-top: 2.1rem;}
.bmd-form-group .bmd-label-static, .bmd-form-group.is-filled .bmd-label-floating, .bmd-form-group .is-filled .bmd-label-floating, .bmd-form-group.is-focused .bmd-label-floating, .bmd-form-group .is-focused .bmd-label-floating {font-size: 16px !important;}
.is-filled .bmd-label-floating{ color:#AAAAAA;  ont-size: 16px !important;}
.custom-file-control, .form-control, .is-focused .custom-file-control, .is-focused .form-control { background-image: linear-gradient(0deg,  #00B259 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,  transparent 0);}
.login-wrapp{ float:left; width:100%; min-height:100vh; background:url(../images/backgorund.jpg) no-repeat left top; background-size:cover; text-align:center; display: flex;align-items: center; padding:40px 0; z-index: 5; position: relative;} 
.logo{ margin-bottom:25px;}
.login{ width:300px; display:inline-block; background-color:#fff; text-align:left; border-radius:4px; padding:20px 20px 10px 20px;  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.35);}
.dif{ position:absolute; right:0; width:26px; }
.animated{ position:absolute; width:26px; right:0; display:none;}
.is-focused .animated,.is-filled{ display:block; opacity:1}
.login .form-control{ padding-right:40px;}
.card-subtitle{ font-size:15px; color:#ADADAD;}
h3{ font-size:28px; margin-bottom:0; font-weight: 900;  font-style: normal;}
.btn-primary{  display: inline-block; background-color:#00CDEA !important; text-transform:inherit !important; font-size:19px;
  color: #fff;  text-transform: uppercase; min-width:170px; border-radius:100px; padding:9px 5px;
 box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4); cursor: pointer;  transition: all ease-in-out 300ms; margin-bottom:0 !important; box-shadow:none !important;}
 .btn-secondary{  display: inline-block;  text-transform:inherit !important; font-size:19px;
  color: #fff;  text-transform: uppercase; min-width:170px; border-radius:100px; padding:9px 5px;
 box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4); cursor: pointer;  transition: all ease-in-out 300ms; margin-bottom:0 !important; box-shadow:none !important;}
 .btn-secondary:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d3d3d+0,16110d+100 */
background: rgb(61,61,61); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(61,61,61,1) 0%, rgba(22,17,13,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(61,61,61,1) 0%,rgba(22,17,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(61,61,61,1) 0%,rgba(22,17,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#16110d',GradientType=1 ) /* IE6-9 fallback on horizontal gradient */
text-decoration:none;}
shadow { display: flex;  align-items: center; justify-content: center; margin: 40px;}
.shadow.bottom { box-shadow: 0px 15px 10px -15px #111;}
.btn-primary:hover{ box-shadow:none !important;  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00dafc+0,265cff+100 */
background: rgb(0,218,252); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,218,252,1) 0%, rgba(38,92,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,218,252,1) 0%,rgba(38,92,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,218,252,1) 0%,rgba(38,92,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dafc', endColorstr='#265cff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}
header{ background-color:#fff; position:fixed; width:100%; z-index:5;}
.login .btn-primary{ margin-top:20px;}
header .logo{ margin-bottom:0; width:200px;}
header .logo img{ width:100%;}
header .navbar{ padding-top:0px; padding-bottom:0; box-shadow:none;}
.choose-sub{ width:100%; float:left; min-height:100vh; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4dff7a+0,008cbb+41,d0345b+100 */
background: rgb(77,255,122); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(77,255,122,1) 0%, rgba(0,140,187,1) 41%, rgba(208,52,91,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(77,255,122,1) 0%,rgba(0,140,187,1) 41%,rgba(208,52,91,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(77,255,122,1) 0%,rgba(0,140,187,1) 41%,rgba(208,52,91,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dff7a', endColorstr='#d0345b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ text-align:center; display: flex; align-items: center; padding:70px 0 30px 0;
}
.choose-sub-inner{ width:660px; display:inline-block; float:none; margin-top:75px;} 
h2{ color:#fff; font-size:45px;  font-weight: 900;}
.det{ font-size:20px; color:#fff; font-family: 'Avenir LT Std'; font-weight:500; margin-top:8px; float:left; width:100%;}
.sub-list{ float:left; width:100%; background-color:#fff; padding:25px; margin-top:20px; margin-bottom:20px; border-radius:4px; box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.25);}
.sub-list input[type=radio]:checked + label {  border: solid 1px #00CCA4; background-color: #fff; cursor:pointer; box-shadow: 0px 0px 10px 2px rgba(0, 204, 164, 0.2);
-moz-box-shadow: 0px 0px 10px 2px rgba(0, 204, 164, 0.2);
-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 204, 164, 0.2); color:#262D34;}
.sub-list input[type=radio]:checked + label .dif{ display:none;}
.sub-list input[type=radio]:checked + label .animated{ display:inline-block;}
.hidden { visibility: hidden;  display: none;}
.sub-list label{ width:100%; float:left; text-align:center; border:solid 1px #ddd; height:163px; font-size: 19px; line-height:21px;  padding-top:10px; color:#888; background-color:#fff; }
.sub-list .dif{ position:relative; width:80px; filter: grayscale(100%);}
.sub-list .animated{ position:relative; width:80px; }
.sub-list label:hover{ cursor:pointer; background-color:#fff; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);  border-color:#ccc; color:#262D34; }
.sub-list label:hover .dif{ filter:none;}
.amenities-icon{ display:inline-block; height:95px;}
/*Wizerd*/
.page-wrapper{ width:100%; float:left; margin-top:125px;}
.wrapper { margin: 0 auto;}
.btn-next-con{ border-top:solid 1px #ddd; margin-top:10px; width:100%; margin-bottom:23px;}
.btn-next-con { text-align: right; padding-top: 20px;}
.btn-next,
.btn-last {  display: inline-block; background-color:#00CDEA !important; text-transform:inherit !important; font-size:19px;
  color: #fff;  text-transform: uppercase; min-width:150px; border-radius:100px; padding:9px 5px;
 box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4); cursor: pointer;  transition: all ease-in-out 300ms; margin-bottom:0 !important; box-shadow:none !important; text-align:center;}
.btn-next:hover{  color:#fff; box-shadow:none !important;  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00dafc+0,265cff+100 */
background: rgb(0,218,252); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,218,252,1) 0%, rgba(38,92,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,218,252,1) 0%,rgba(38,92,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,218,252,1) 0%,rgba(38,92,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dafc', endColorstr='#265cff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.btn-back:hover,
.btn-last:hover {  background: #264663; color:#fff !important; text-decoration:none;}
.btn-back { box-shadow: none;  background: #999;  margin-right: 10px; font-size:19px; display:inline-block; color: #fff;   
 box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4); cursor: pointer;  transition: all ease-in-out 300ms; margin-bottom:0 !important; box-shadow:none !important; text-align:center;  min-width:150px; border-radius:100px; padding:9px 5px; text-transform:capitalize;}
.btn-back:hover { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d3d3d+0,16110d+100 */
background: rgb(61,61,61); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(61,61,61,1) 0%, rgba(22,17,13,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(61,61,61,1) 0%,rgba(22,17,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(61,61,61,1) 0%,rgba(22,17,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#16110d',GradientType=1 ) /* IE6-9 fallback on horizontal gradient */
text-decoration:none;}
button { cursor: pointer;}
.tab-content > .tab-pane { display: none;}
.tab-content > .tab-pane.active { display: block;}
.nav-tab {  height: 0;  visibility: hidden;}
.progress { height: 10px; margin-bottom: 40px;  overflow: hidden; background-color: #f5f5f5; border: 1px solid #e5e5e5; border-radius:0; top: 95px;
width: 100%; z-index: 5; position:fixed;}
.progress-bar { float: left;  width: 0; height: 100%;  font-size: 12px;  line-height:10px;  color: #fff;  text-align: center;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00cda4+0,0de5a4+51,0d88e5+100 */
background: rgb(0,205,164); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,205,164,1) 0%, rgba(13,229,164,1) 51%, rgba(13,136,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,205,164,1) 0%,rgba(13,229,164,1) 51%,rgba(13,136,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,205,164,1) 0%,rgba(13,229,164,1) 51%,rgba(13,136,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cda4', endColorstr='#0d88e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
-moz-transition: width .6s ease;
transition: width .6s ease;  position: relative;}
.progress-val {  font-size: 15px;  color: #fff;  font-weight: 700;  text-align: center;  -webkit-transition: all 0.6s ease;  -o-transition: all 0.6s ease;  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease; visibility:hidden;}
.question-inner{ float:left; width:100%; margin-top:105px; padding-top:60px;}
.question{ font-size:18px;  font-weight: 900;}
.card{ box-shadow:none;}
.answer{ float:left; width:100%; margin:20px 0 0 0; padding:0;}
.answer li{ float:left; margin:0 0 15px 0; padding:0; list-style-type:none; font-size:15px; width:100%;}
.answer li label{ font-size:16px !important; color:#47565A; line-height: 21px !important;}
.answer li .bmd-form-group{ padding-top:0 !important;}
.radio label{ padding-left:30px;}
.breadcrumb{ padding:0; background-color:#fff;}
.breadcrumb { font-size: 16px; font-weight:500;}
#timer-beep {  position: absolute;  top: -100000em;}
.timer{ position:absolute; right:15px;  float:right; border:solid 4px #00B259; color: #155724; background-color: #d4edda; width:70px; height:70px; display: flex; align-items: center; border-radius: 100%; font-size:17px; font-weight:900; top:-25px;}
.score-results{ float:left; width:100%;  text-align:center;  height: 100vh;
display: flex; align-items: center;}
.score-results-inner{ width:600px; display:inline-block; padding:25px; margin-top:70px;} 
.score-results-inner h3{ color:#77B43F  !important; margin-top:15px;}
.score-results-inner img{ width:150px;}
.passed{ width:100%; text-align:center; font-size:18px; margin-top:25px;}
.score{ width:100%; text-align:center; font-size:30px; color:#36BA57; font-weight:700; margin-top:0px; margin-bottom:25px;}
.correct{ float:left; width:100%; color:#00BFFF; font-size:18px;}
.correct span{ font-weight:900;}
.incorrect{ float:left; width:100%; color:#FF4D4D; font-size:18px;}
.incorrect span{ font-weight:900;}
.qdetails{ float:left;   width: calc(100% - 45px);}
.qn{ float:left; width:45px; }
.radio label input[type="radio"]:checked ~ .bmd-radio::after, label.radio-inline input[type="radio"]:checked ~ .bmd-radio::after {
  border-color:#00B259;}
.radio label input[type="radio"]:checked ~ .bmd-radio::before, label.radio-inline input[type="radio"]:checked ~ .bmd-radio::before { background-color: #00B259;}
.answer li label:hover{ cursor:pointer;}
.answer li label.active{ color:#00B259 !important;}
.option_left_text{ float:left; margin-left:27px;}
.option_right_text{ float:left; width:95%; padding-left:15px;}
.option_right_text input[type="radio"]{ float:left; position:absolute; left:0; top:4px;}
.answer li label{ float:left; width:100%; position:relative; margin-bottom:0;}
.question-inner .nav-tab li{ font-size:16px; text-align:center; border:0;  border-left:solid 1px #ddd;    font-weight: 500;     font-family: 'Avenir LT Std';}
.question-inner .nav-tab li a{ font-weight:500;     font-family: 'Avenir LT Std';}
@media screen and ( max-width:767px){	
.choose-sub-inner{ width:100%;}
.choose-sub{ padding:0px 15px;}
.navbar{ display:block; text-align:center;}
}

@media screen and ( max-width:575px){
.sub-list label{ margin-bottom:30px;}
.amenities-title br{ display:none;}
.amenities-icon{ height:105px;}
.choose-sub-inner{ margin-top:135px;}
h2{ font-size:36px;}
h3{ font-size:26px;}
.timer{ position:relative; display:inline-block; float:none; line-height:65px;}
.btn-next,.btn-back,.btn-last{ min-width:135px;}
.question{ line-height:22px;}

}
	
@media screen and ( max-width:450px){
.login-wrapp{ padding:0px 15px;}
.login{ width:100%;}
}