@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSans-Regular';
    src: url('../fonts/NotoSans.eot');
    src: url('../fonts/NotoSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSans.woff2') format('woff2'),
        url('../fonts/NotoSans.woff') format('woff'),
        url('../fonts/NotoSans.ttf') format('truetype'),
        url('../fonts/NotoSans.svg#NotoSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSans-Bold';
    src: url('../fonts/NotoSans-Bold.eot');
    src: url('../fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSans-Bold.woff2') format('woff2'),
        url('../fonts/NotoSans-Bold.woff') format('woff'),
        url('../fonts/NotoSans-Bold.ttf') format('truetype'),
        url('../fonts/NotoSans-Bold.svg#NotoSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerif-Regular';
    src: url('../fonts/NotoSerif-Regular.eot');
    src: url('../fonts/NotoSerif-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSerif-Regular.woff2') format('woff2'),
        url('../fonts/NotoSerif-Regular.woff') format('woff'),
        url('../fonts/NotoSerif-Regular.ttf') format('truetype'),
        url('../fonts/NotoSerif-Regular.svg#NotoSerif-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerif-Bold';
    src: url('../fonts/NotoSerif-Bold.eot');
    src: url('../fonts/NotoSerif-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSerif-Bold.woff2') format('woff2'),
        url('../fonts/NotoSerif-Bold.woff') format('woff'),
        url('../fonts/NotoSerif-Bold.ttf') format('truetype'),
        url('../fonts/NotoSerif-Bold.svg#NotoSerif-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {font-family: 'NotoSerif-Regular';}

.mb-1{margin-bottom: 10px;}
.mb-10{margin-bottom:10px;}
.mb-2{margin-bottom: 20px;}
.mb-3{margin-bottom: 30px;}
.mb-4{margin-bottom: 40px;}
.mb-5{margin-bottom: 50px;}

.mt-1{margin-top: 10px;}
.mt-2{margin-top: 20px;}
.mt-3{margin-top: 30px;}
.mt-4{margin-top: 40px;}
.mt-5{margin-top: 50px;}

.pt-1{padding-top: 10px;}
.pt-2{padding-top: 20px;}
.pt-3{padding-top: 30px;}

.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 30px;}

@media only screen and (min-width: 40em) {
.modal-overlay {width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: flex;align-items: center;justify-content: center;z-index: 5;background-color: rgba(0, 0, 0, 0.6);opacity: 0;visibility: hidden; -webkit-backface-visibility: hidden;backface-visibility: hidden;transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);}
.modal-overlay.active {opacity: 1;visibility: visible;}
}


.page-bg{width: 100%;height:auto;margin: 0 auto;background-image: url(../images/main-bg.jpg);background-attachment: fixed;background-position: center top;background-size: cover;}
.page-bg-v2{width: 100%;height:auto;margin: 0 auto;background-image: url(../images/main-bg-v2.jpg);background-attachment: fixed;background-position: center top;background-size: cover;}

.header_logo{width: 100%;margin:0 auto;margin-top:145px; text-align: center}
.header_logo .logo_center{width: 455px;height: auto;margin: 0 auto;}
.header_logo .logo_center img{max-width:100%;height:auto;display:inline-block}
.header_logo h1{margin:60px 0 30px 0;dding:0px;font-family: 'NotoSerif-Bold';color:#FFFFFF;font-size:60px;line-height:70px;text-align:center;}
.header_logo h2{margin:0px;padding:0px;font-family: 'NotoSans-Regular';color:#FFFFFF;font-size:30px;line-height:35px;text-align:center;}

.modal {width: 700px !important;max-width: 75rem;height: 30rem !important;padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  background-color: #fff;  
  border-radius: 3px;
  opacity: 0;
  overflow-y: auto;
  visibility: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: scale(1.2);
  transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);}
.modal .close-modal {opacity: 0;position: absolute;top: 5px;right: 15px;cursor: pointer; -webkit-backface-visibility: hidden;backface-visibility: hidden; transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition-delay: 0.3s;}
.modal .close-modal svg {width: 1.75em;height: 1.75em;}
.modal .modal-content {opacity: 0; -webkit-backface-visibility: hidden;backface-visibility: hidden;transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);transition-delay: 0.3s;}
.modal.active {visibility: visible;opacity: 1;transform: scale(1);display: flex !important;position: relative !important}
.modal.active .modal-content {opacity: 1;}
.modal.active .close-modal {transform: translateY(10px);opacity: 1;}

@media only screen and (max-width: 39.9375em) {
.modal {width: 100%;height: 100%;padding: 0 !important;position: fixed;top: 0;left: 0;-webkit-overflow-scrolling: touch;border-radius: 0;transform: scale(1.1);}
.close-modal {right: 20px !important;}
}

.container-fluid{width: 90% !important;margin: 0 auto !important;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{float: left}

.header-bg{width: 100%;margin:0 auto;padding: 20px 0;background-image: url("../images/header-bg.jpg");background-attachment: scroll;background-position: center top;background-repeat: no-repeat;background-size: cover;}


.header{width: 100%;float: left;display: block}
.logo-left {float: left;padding-left:0;}
.logo-right {float: right;padding-right: 0;}
footer{width: 100%;display: block;position: absolute;bottom: 5%;left: 0;right: 0;}

.logo-main{width: 100%;margin: 0% auto 8% auto;text-align: center}
.logo-main img{max-width: 100%;height: auto;display: inline-block;}

.title {color: #ea4335;font-size:50px;margin: 5% 0 6% 0;display: block}
.text-left{font-family: 'NotoSerif-Regular';color: #FFFFFF; font-size: 30px;line-height:35px;margin-bottom: 25px;font-weight: normal;}

.pg-title{margin: 4% 0 3% 0;padding:0px;font-family: 'Montserrat-SemiBold';color:#000000;font-size: 55px;text-align: left}

.frm-wraper{width:65%;margin: 0 auto;padding-top:15px;}
.frm-wraper label{font-family: 'Montserrat';font-size: 16px;text-align: left;font-weight:bold}
.frm-wraper .form-control{width:100%;height: auto!important; padding: 8px 10px !important; margin: 0 auto;border-radius:0px!important;border: 1px #E7E7E7 solid !important;font-size: 17px!important;color: #8F8F8F !important}
.frm-wraper .form-control:focus{box-shadow: none;outline: 0px}

.btn-wraper{width:100%;min-height: 100px; position: relative;text-align: center}
.btn-wraper .print {padding:7px 30px 5px 30px;font-family: 'NotoSerif-Regular'; color:#ffffff;font-size:20px;text-align: center;text-decoration:none;background:#ff8827;border:1px #fb7d16 solid;border-radius:4px; }

.html5-qrcode-element{padding:3px 13px;margin: 5px 0px;color:#ffffff;background-color:#717075;border: 0px;border-radius:2px;}
.br1{border-right:1px #C9C9C9 solid}


.cardname {font-family: 'Montserrat'; color: #FFFFFF; margin: 20px 0 0 0;}
.error {color: #F00F00;font-style: italic;}
.infoDiv {
    margin-top: 30px;
    margin-left: 60px;
    padding-top: 0px;
    padding-bottom: 15px;
    width: 400px;
    height: 280px;
    background: #FFF;
    border: 8px solid #F2F2F2;
    text-shadow: #999;
    position: absolute;
    text-align: center;
    font-weight: bolder;
    font-size: 12px;
    overflow: auto;
    vertical-align: top;
    z-index: 4;
}
.wrapper {margin: 0 auto;font-family: 'Montserrat';}
.suggestions {font-family: 'Montserrat';}
.tableheader {margin-bottom: 15px;padding-top: 15px;background: url('images/bgline.jpg')repeat-x top;}
.print {padding: 9px 30px 9px 30px;font-family: 'Montserrat-SemiBold';color: #ffffff;font-size: 25px;background: #ff8827;border: 0px;border-radius:4px;text-decoration: none}
.print:hover{text-decoration: none;color: #ffffff;}
.clear {clear: both;}
	
.heading{padding-bottom: 20px;font-family: 'Montserrat-SemiBold';font-size:30px;color:#333333;text-align: center;font-weight: bold}
h3{margin-top: 30px; font-family: 'Montserrat';font-size:20px;color:#ffffff;text-align: center;font-weight: bold}

.reg-frm .form-control{height: 50px !important; padding:5px 5px 6px 12px !important;font-family: 'NotoSerif-Regular';font-size:19px !important;color:#000000 !important;text-align:left;font-weight: normal;border-radius: 3px !important;border: 2px #d2d2d2 solid;letter-spacing: 0.5px}
.reg-frm .form-control:focus{outline: none;box-shadow: none !important;}
.reg-frm .form-control:disabled, .form-control[readonly] {background-color: #4385f5 !important;opacity: 1; color: #ffffff !important;border: 0px !important}

.form-control{height: 50px !important; padding:5px 5px 6px 12px !important;font-family: 'Montserrat-Medium';font-size:19px !important;color:#000000 !important;text-align:left;font-weight: normal;border-radius: 3px !important;border: 2px #d2d2d2 solid}
.form-control:focus{outline: none;box-shadow: none !important;}
.form-control:disabled, .form-control[readonly] {background-color: #e2e2e2 !important;opacity: 1; color: #000000 !important;border: 0px !important}

.reg-frm input::-webkit-input-placeholder { color:#000000 !important; }
.reg-frm input::-moz-placeholder { color:#000000 !important; } /* firefox 19+ */
.reg-frm input:-ms-input-placeholder { color:#000000 !important; } /* ie */
.reg-frm input:-moz-placeholder { color:#000000 !important; }

.regBtn{padding:8px 25px;background-color:#ea4335;color:#ffffff;font-size: 16px; border: 0px;border-radius: 3px;cursor: pointer}

.print-btn{margin-top: 2%; padding:12px 55px;background-color:#ff8827;color:#ffffff;font-size: 19px; border: 0px;border-radius: 3px;cursor: pointer}
.search-btn{padding:10px 25px;background-color:#4385F5;color:#ffffff;font-size: 19px; border: 0px;border-radius: 3px;cursor: pointer}

.msg-wrap{width: 60%;margin: 5% auto 0 auto;padding: 30px 20px; display: block;border: 2px #ea4235 dashed}
.msg-wrap h3{margin: 0;padding:0px; font-family: 'Montserrat-SemiBold';font-size:40px;color:#34a853;text-align: center;}
.msg-wrap h4{margin: 10px;padding:0px; font-family: 'Montserrat-Medium';font-size:32px;color:#212121;text-align: center;}

#suggestions{box-shadow: none !important}
#suggestions a {font-family: 'Montserrat-Medium';font-size:25px;color: #FFFFFF;text-decoration: none}

.main-btn{width: 100%;margin: 0 auto;padding: 20% 0 28% 0;font-family: Arial, Calibri;color: #FFFFFF;font-size: 21px;line-height: 27px; text-align: center;background-color: #e68d29;position: relative;border-radius: 6px;border: 0px;box-shadow: 2px 6px 12px rgba(0,0,0,0.2);}
.main-btn .fa{width: 100%;margin-bottom: 10px; color: #FFFFFF;font-size:80px;text-align: center;display: inline-block}
.home-btn {width:50px;height:50px;float: right;position: absolute;right: 3%;top: 2%;}
.home-btn .fa{color: #FFFFFF;font-size:50px;text-align: center;display:block;}
.home-btn a{color: #FFFFFF;text-decoration: none}
.home-btn a:hover{text-decoration: none}

.search-icon {width:50px;height:50px;float: right;position: absolute;right: 3%;top: 2%;}
.search-icon .fa{color: #1d2b53;font-size:45px;text-align: center;display:block;font-weight: normal}
.search-icon a{color: #1d2b53;text-decoration: none}
.search-icon a:hover{text-decoration: none}

@media(max-width:480px){
.main-btn .fa{font-size:55px;}
.home-btn{height: auto;right: 1%;bottom:6px;}
.home-btn .fa{font-size:32px;}
.search-icon{height: auto;right: 1%;bottom:6px;}
.search-icon .fa{font-size:32px;}
}