html{-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */width: 100%;height: 100%;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;/*-moz-osx-font-smoothing: grayscale;*/}
body{margin: 0;padding: 0;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-family: 'Montserrat', sans-serif;font-size: 14px;font-weight: 300;line-height: 1.5;width: 100%;height: 100%;color: #ffffff;background-color:#1c1c1c;background-image: url('../images/main-background.png');background-repeat: no-repeat;background-position: center center;}
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;padding:0;margin:0;}
.container{width:100% !important;max-width:1200px;margin:0 auto;}
a{color:#0183ff;cursor:pointer;}
a:hover, a:focus, a:active{outline:none;text-decoration:none;}
a:hover{color:#0183ff;}
ul, ol{list-style:none;padding:0;margin:0;}
li{display:inline;}
p{margin-bottom: 22px;}
img{border: 0;vertical-align: top;max-width: 100%;height: auto;width: auto\9; /* ie8 */}
h1,h2,h3,h4,h5,h6{font-weight:bold;margin: 0;color: #ffffff;}
::-webkit-input-placeholder{opacity: 1;color: #ffffff;}
::-moz-placeholder{opacity: 1;color: #ffffff;}
:-ms-input-placeholder{opacity: 1;color: #ffffff;}
:-moz-placeholder{opacity: 1;color: #ffffff;}
input[type="submit"] {-webkit-appearance: none;}
input, textarea, select {outline: none;resize: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-family: 'Montserrat', sans-serif;font-weight: 300;}
input:focus, textarea:focus, select:focus{outline: none;}
button::-moz-focus-inner{border: 0;}
select::-ms-expand {display: none;}
*, *:after, *:before {box-sizing: border-box;margin: 0;padding: 0;}
h1, .h1{font-size: 42px;font-weight: 500;}
h2, .h2{font-size: 30px;font-weight: 600;}
h3, .h3{font-size: 24px;font-weight: 600;}
h4, .h4{font-size: 22px;font-weight: 600;}
h5, .h5{font-size: 20px;font-weight: 600;}
h6, .h6{font-size: 18px;font-weight: 600;}

.clearfix:before{display: table;content: "";}
.clearfix:after{display: table;content: "";clear: both;}

.form-group{margin-bottom: 20px;}
.form-group.submit{margin-bottom: 0;}
.form-control{height: 50px;font-size: 18px;width: 100%;border: 0;border-bottom: 1px solid #05b4a9;color: #ffffff;padding: 12px 10px;border-radius: 0;position: relative;background-color: transparent;}
.form-group.submit .custom-btn{border: 0;color: #000000;font-size: 18px;font-weight: 500;padding: 15px 40px 14px 25px;border-radius: 0;position: relative;box-shadow: none !important;outline: none !important;cursor: pointer;font-family: 'Montserrat', sans-serif;position: relative;text-decoration: none;background: #05b4a9;}
.form-group.submit .custom-btn:before{content: "";display: block;position: absolute;right: 0;top: 0;width: 30px;height: 100%;background-image: url('../images/arrow-right.png');background-position: center right 13px;background-repeat: no-repeat;background-size: 15px;}
.form-group.submit.align-right{text-align: right;}
.form-control.usericon{background-image: url('/images/user-icon.png');}
.form-control.usericon2{background-image: url('/images/user-icon2.png');}
.form-control.telicon{background-image: url('/images/telephone-icon.png');}
.form-control.emailicon{background-image: url('/images/email-icon.png');}

.main-form .form-control{padding: 12px 10px 12px 35px;background-repeat: no-repeat;background-position: center left;}
.main-form .form-control:focus{border-bottom-color: #05b4a9;}
.main-form .form-group.submit{margin-top: 40px;}
.page1 .footer-box,
.page4 .footer-box{margin: 70px 10px 0;}
.page2 .footer-box{margin: 20px 10px 0;}
.footer-box{padding: 30px 0 0;border-top: 2px solid #ffffff;}
.footer-box img{display: block;margin: 0 auto;}
.head-box{margin-bottom: 30px;}
.head-box img{display: block;margin: 0 auto;padding: 0 0 20px;}
.head-text-box{text-align: center;margin-bottom: 30px;}
.head-text-box p{font-size: 20px;font-weight: 500;margin: 0;}
.head-select-box-wrap{position: relative;}
.head-select-box-wrap:before{content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #05b4a9;}
.head-select-box .form-control{position: relative;border-bottom: 0;color: #000000;font-weight: 500;background-image: url('../images/down-arrow.png');background-position: center right 10px;background-repeat: no-repeat;padding: 12px 35px 12px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.gradientbg{background: #05b4a9;}

.table{display: table;height: 100%;width: 100%;padding: 30px 30px;}
.table-cell{display: table-cell;vertical-align: middle;}
.center-box{max-width: 470px;width: 100%;padding: 0;margin: 0 auto;background-color: transparent;position: relative;}

.step2-box-top{text-align: center;position: relative;padding-bottom: 15px;}
.step2-box-top:before{content: "";display: block;position: absolute;top: 34px;left: 176px;right: 0;height: 2px;width: 90px;background-color: #05b4a9;}
.step2-box-top .step2-box-top__no{display: inline-block;vertical-align: top;padding: 0 30px;position: relative;font-size: 18px;font-weight: 500;}
.step2-box-top .step2-box-top__no span{width: 70px;height: 70px;border-radius: 100%;color: #000000;display: block;border: 2px solid #05b4a9;font-weight: 500;font-size: 24px;line-height: 66px;margin: 0 auto 10px;position: relative;background: #05b4a9;}
.step2-box-top .step2-box-top__no span img{vertical-align: middle;}
.step2-box-top__no--disable{opacity: .6;}
.step2-form-box__content{text-align: center;padding-bottom: 20px;}
.step2-form-box__content p{font-size: 30px;margin: 0;}
.step2-form-box__content small{font-size: 16px;}
.step2-form-box .form-label{padding: 15px 40px 15px 100px;margin-bottom: 10px;position: relative;}
.step2-form-box .form-label .icon{position: absolute;left: 10px;top: 50%;width: 75px;height: 55px;margin-top: -27px;object-fit: contain;}
.step2-form-box .form-label span{display: block;color: #000000;}
.step2-form-box .form-label .label-title{font-size: 20px;}
.step2-form-box .form-label .label-desc{font-size: 12px;font-weight: 500;}
.step2-form-box .form-label .arrow{position: absolute;right: 15px;top: 50%;width: 20px;height: 40px;margin-top: -20px;object-fit: contain;}
.step2-form-box .form-field-group{margin-left: -15px;margin-right: -15px;}
.step2-form-box .form-field-group .form-field-input{width: 100%;float: none;padding: 0 15px;}
.file-captured,
.file-upload{position: relative;}
.file-captured input,
.file-upload input{opacity: 0;z-index: 1;position: relative;width: 100%;height: 41px;cursor: pointer;}
.file-captured .webcam-btn,
.file-upload span{position: absolute;top: 0;left: 0;display: block;text-decoration: none;width: 100%;padding: 7px 10px;color: #000000;text-align: center;font-weight: 500;font-size: 18px;
background-color: #ffffff;}
.file-captured .webcam-btn{position: relative;}
.form-field-files-upload{margin-top: 10px;}
.form-note{padding-top: 30px;text-align: center;}
.form-note p{margin: 0;}
.thank-you-box{text-align: center;padding: 50px 0;}
.thank-you-img img{width: 170px;}
.thank-you-msg{padding: 20px 0 50px;}
.thank-you-msg h4{font-size: 40px;font-weight: 300;}
.thank-you-msg p{font-size: 17px;margin: 0;}
.thank-you-btn .custom-btn{background-color: #ffcc02;border: 0;color: #000000;font-size: 18px;font-weight: 500;padding: 15px 40px 14px 25px;border-radius: 0;position: relative;box-shadow: none !important;outline: none !important;cursor: pointer;font-family: 'Montserrat', sans-serif;position: relative;display: inline-block;text-decoration: none;}
.thank-you-btn .custom-btn:before{content: "";display: block;position: absolute;right: 0;top: 0;width: 30px;height: 100%;background-image: url('/images/arrow-right.png');background-position: center right 13px;background-repeat: no-repeat;background-size: 15px;}

/******* Popup - Webcam *******/
.white-popup-block{background: #FFF;padding: 20px 30px;text-align: left;max-width: 650px;margin: 40px auto;position: relative;}
.savingloader{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;background-color: rgba(255, 255, 255, .5);}
.savingloader .savingloader-inner{width: 100px;height: 100px;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;text-align: center;}
.savingloader .savingloader-inner img{width: 30px;margin-bottom: 10px;}
.savingloader .savingloader-inner .loader-text{color: #000;font-size: 18px;}
.cam-output-wrap{display: inline-block;vertical-align: top;width: 100%;padding: 20px 0 0;}
.my_camera{width: 280px !important;height: 210px !important;float: left;margin-right: 28px;}
.my_result{width: 280px !important;height: 210px !important;float: left;}
.post_take_buttons,
.pre_take_buttons{text-align: center;padding: 15px 0 0;}
.pre_take_buttons input,
.post_take_buttons input{display: inline-block;vertical-align: top;margin: 10px 10px;color: #000000;padding: 10px 20px 9px;border: 0;font-size: 16px;font-weight: 500 !important;cursor: pointer;background-color: #ffcc02;}


/*Progress bar*/
/*.container{
    padding: 20px;
}*/
.upload-div{
    width: 350px;
    margin:auto;
    background-color: #f3f3f3;
    color: #333;
    padding: 12px;
    box-shadow: 0 0px 10px 1px rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    font-size: 16px;
}
.upload-div h4{
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    color: #666;
    margin-top: 0;
}
.upload-div input[type="file"] {
    display: block;
    width: 100%;
    height: height: 25px;;
    padding: 8px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.upload-div input[type="file"]:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.upload-div input[type="submit"]{
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1.5rem;
    line-height: 1.5;
    border-radius: .25rem;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    margin-top: 10px;
    cursor: pointer;
}
.upload-div input[type="submit"]:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.progress {
    display: -ms-flexbox;
    display: flex;
    /*height: 20px;*/
    overflow: hidden;
    font-size: .75rem;
    /*background-color: #e9ecef;*/
    border-radius: .25rem;
    margin-top: 10px;
}
.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #28a74587;
    transition: width .6s ease;
    font-size: 16px;
    text-align: center;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}


.account-close-top-text{margin-bottom: 30px;}
.account-close-top-text p{font-size: 24px;font-weight: 400;text-align: center;}
.account-close-options{max-width: 400px;width: 100%;margin: 0 auto 30px;}
.account-close-options .checkbox-wrap{position: relative;padding: 2px 0 4px 35px;display: inline-block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 16px;}
.account-close-options .checkbox-wrap input[type="checkbox"]{-webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;}
.account-close-options .checkbox-wrap input{position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.account-close-options .checkbox-wrap .checkmark{position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #ffffff;cursor: pointer;}
.account-close-options .checkbox-wrap input:checked ~ .checkmark{background-color: #ffffff;}
.account-close-options .checkbox-wrap .checkmark:after{content: "";position: absolute;display: none;}
.account-close-options .checkbox-wrap input:checked ~ .checkmark:after{display: block;}
.account-close-options .checkbox-wrap .checkmark:after{left: 8px;top: 4px;width: 7px;height: 14px;border: solid #04b4a9;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.account-close-options .other{padding-left: 35px;}
.account-close-options .other .checkbox-wrap{margin-left: -35px;}
.account-close-options .other textarea{vertical-align: top;width: 100%;margin: 20px 0;padding: 10px 10px;}