/*fonts*/

@font-face {
    font-family: 'proxima_novabold';
    src: url('../font/proxima_nova_bold-webfont.woff2') format('woff2'),
         url('../font/proxima_nova_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novaregular';
    src: url('../font/proximanova-regular-webfont.woff2') format('woff2'),
         url('../font/proximanova-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Glyphicons Halflings';

  src: url('../../fonts/glyphicons/glyphicons-halflings-regular.eot');
  src: url('../../fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
  url('../../fonts/glyphicons/glyphicons-halflings-regular.woff2') format('woff2'), 
  url('../../fonts/glyphicons/glyphicons-halflings-regular.woff') format('woff'), 
  url('../../fonts/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), 
  url('../../fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');

}

body,
html {
 
}

.total-width{
    max-width: 1035px;
}

.model-holder{
    padding: 5% 13% ;
    background-image: url("../../images/icon/register-bg.jpg");
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: -1;

   
}

/* .model-holder:after {
    content: '';
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(600px);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
} */

.total{
    position: relative;
    z-index: 1;
}

.total h4{
    font-size: 30px;
    line-height: 36px;
    color: #FF7E00;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
}

h5{
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #56483A;
    margin-bottom: 10px;

}

.total .form-select{
    cursor: pointer;
}


/*progressbar*/

.total-prgress-bar{
    position: relative;
}


#progressbar {
    margin-bottom: 35px;
    overflow: hidden;
    counter-reset: step;
}

#progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    color: #726464;
    font-weight: 600;
    width: 50%;
    float: left;
    position: relative;
    text-align: center;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 41px;
    line-height: 41px;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    background: white;
    border-radius: 3px;
    margin: 0 auto 5px auto;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #FF7E00;
    position: absolute;
    left: -50%;
    top: 20px;
    z-index: -1; /*put it behind the numbers*/
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none; 
}

#progressbar li.active:before,  #progressbar li.active:after{
    background: #FF7E00;
    color: white;
}

.total label{
    font-size: 14px;
    font-weight: 600;
}
/*.left-inner-addon {
    position: relative;
    
}
.left-inner-addon input {
    padding-right: 24px;
    
}
.left-inner-addon img {
    position: absolute;
    right: 21px;
    pointer-events: none;
    top: 60%;
}*/
/*image upload*/

.custom-file-input {
  color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.input-img-blk{
    
  background: #F7F7F8;
  border: 2px solid #B3B3BC;
  border-radius: 6px;
  padding: 22px 33px;
  cursor: pointer;
}
/* .custom-file-input::before {
  content: "";
  color: black;
  display: inline-block;
  background: #F7F7F8;
  border: 2px solid #B3B3BC;
  border-radius: 6px;
  padding: 32px 43px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  background-image: url("../../images/icon/add.svg");
    background-position: center; 
    background-repeat: no-repeat;
} */
.custom-file-input:hover::before {
  border-color: #B3B3BC;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}

.button-holder{
    justify-content: center;
    border: none;
}


.button-holder .save-btn{
    background:#FF7E00 ;
    border: 1px solid #fff;
    width: 180px;
    height: 50px;
    text-transform: uppercase;
}

.button-holder .close-btn{
    background:#fff ;
    border: 1px solid #fff;
    width: 180px;
    height: 50px;
    color: #000;
    text-transform: uppercase;
}
.button-holder .close-btn:hover{
    background:#ff7e00;
    border: 1px solid #ff7e00;
    color: #fff !important;
}
.parsley-errors-list{
    margin: 5px 0 0 !important;
    padding: 0;
    line-height: 10px;
}
.parsley-errors-list li{
    list-style: none;
    color: #ff0000;
}
.form-info .form-control{
    padding-right: 34px;
}
.checking-info{
    font-size: 13px;
    color: #ff0000;
}
.close-info {
    /* position: absolute;
    right: 10px; */
    top: 36px;
}
.close-info svg{
    width: 22px;
    fill: #13c724;
}



.success-info{
    background-color: rgb(255 255 255 / 56%);
    padding: 35px 20px;
    border-radius: 4px;
    border: 1px solid #fff;
    text-align: center;
}
.success-info svg{
    width: 56px;
    margin-bottom: 10px;
    fill: #13c724;
}
.success-info span{
    margin-bottom: 6px;
    display: block;
    font-weight: 800;
    font-size: 26px;
    color: #3c3a38;
}
.success-info p{
    margin-bottom: 0;
}






.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-left:before {
    content: "\e079";
}
.glyphicon-chevron-right:before {
    content: "\e080";
}
.glyphicon-calendar:before {
    content: "\e109";
}

.calendar-icon {
    position: absolute;
    right: 8px;
    top: 11px;
    color: #606060;
}


.frm-btm-wrap{
    width: 100%;
    text-align: center;
    font-weight: 500;
    
}

.frm-btm-wrap a{
    text-decoration: none;
    color: #FF7E00;
}
.reglog{
    color: #FF7E00;
}

.frm-btm-wrap a.reglog{
    color: #303030;
    font-weight: bold;
}

.btn-hover-hide:hover{
    color: #ff7e00 !important;
}

.btn-white-lg:after{
    background-color: transparent;
    color: #000;
}
.btn-white-lg:hover{
    color: #FF7E00 !important;
}        

.btn-hover-hide:after{
        background-color: transparent !important;
    }

.max-mb-grid{
    margin-left: 10px;
    color: #646464;
    font-size: 15px;
}

.reg-val ul{
    position: relative !important;
    padding: 0px 13px 0;
}

/*media query start*/

@media (max-width: 992px){

}

@media (max-width: 576px){
 .model-holder {
    padding: 5% 6%;
}

}

@media (max-width: 450px){
}


@media (max-width: 400px){


}
/*media query end*/

.input-val .parsley-errors-list {
    position: relative;
    font-size: 13px;
    line-height: 15px;
}