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


*{ margin:0; padding:0;}

@font-face {
  
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

h1{font-family: 'Roboto';}

body{  margin: 0;padding: 0;background: url(../images/bg_img.jpg) no-repeat;width: 100%;height: 100%;background-position: center;background-size: cover;z-index: 0;}
:focus{ outline:none;}
h3.form_label_headign {font-weight: bold;color: #000;margin: 0 0 8px; font-size: 20px;}

.header{ background: #000;z-index: 9;position:relative;width: 100%;}
.header h1 {color: #fff;text-align: center;font-size: 36px;text-transform: uppercase; padding: 20px 0; margin:0;}
.logo img {margin: auto;display: table;margin-bottom: 22px;}



.form_section{ width:100%; background: rgba(255, 255, 255, .8); display:inline-block; z-index:9; position:relative; margin: 30px 0; padding: 30px 0;border-radius: 4px;}
.form_section .form_item .form-group .text-danger, .form_section .form_item  .text-danger {color: #e60b0b;font-weight: bold;}

.form_section .alert.alert-info.alert-block {margin: 0 15px 23px;font-size: 16px;font-weight: normal;background: #e60b0b;border: 1px solid #e60b0b;}
.form_section .alert.alert-info.alert-block button.close {color: #fff;opacity: 1;line-height: 0; margin: 8px 0 0;}
.form_section .alert.alert-info.alert-block strong {font-weight: normal;color: #fff;}

.form_section .alert-success {margin: 0 15px 23px;font-size: 16px;font-weight: normal; color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.form_section .alert-success strong {font-weight: normal;}
.form_section .alert-success button.close {margin: 0;opacity: 1;text-shadow: none;}

.form_section .form_item {display: inline-block;width: 100%;margin: 0 0 20px;}
.form_section .form_item .form-group{margin-bottom: 0;}
.form-group input.textbox {width: 100%;border: 1px solid #9b9b9b;padding: 11px;font-family: 'Roboto';font-weight:500;font-size:16px; box-shadow:none;}
.form-group select.textbox {width: 100%;border: 1px solid #9b9b9b;padding: 11px;font-family: 'Roboto';font-weight:500;font-size:16px; box-shadow:none;}
.form-group input.textbox::-webkit-input-placeholder {color:#000;}
.form-group input.textbox::-moz-placeholder {color:#000;}
.form-group input.textbox:-ms-input-placeholder {color:#000;}
.form-group input.textbox:-moz-placeholder { color:#000;}




.custom-select {position: relative;font-family: Arial;}
.custom-select select {display: none;}
.select-selected {background-color:#fff;}

.select-selected:after {position: absolute;content: "";top: 7px;right: 10px;width: 0;height: 0; font-family: 'FontAwesome'; right: 25px;}

.select-selected.select-arrow-active:after {border-color: transparent transparent #fff transparent;top: 7px;}

.select-items div,.select-selected {color: #000;font-size:16px;padding: 8px 16px;cursor: pointer;user-select: none; position:relative;}
.select-items div{border-bottom: 1px solid #6b6b6b;}
.select-selected{border: 1px solid #6b6b6b;}


.select-items {position: absolute;background: rgba(255, 255, 255, 01);top: 100%;left: 0;right: 0;z-index: 99;border: 1px solid #6b6b6b; height: 228px;
    overflow-y: scroll;}
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.1);}

.btn_form {width: auto;margin: auto;display: table;}
a.submit_btn{background: #000;font-size: 20px;padding: 12px 22px;color: #fff;text-transform: uppercase;border-radius: 4px;margin: auto;
margin-top: auto;display: table;transform: ;font-weight: bold;width: auto;margin-top: 35px;}
a.submit_btn:hover{ text-decoration:none;}

.form_information p {font-size: 15px;}
.form_information h4 {margin: 0;font-size: 20px;font-weight: bold;line-height: 30px;text-decoration: underline;}
.form_information ul.ticket_info {margin: 12px 45px 12px;}
.form_information ul.ticket_info h4 {font-size: 16px;text-decoration: none;}
.form_information ul.ticket_info li {list-style: none;}


@media(max-width:999px) {
    .select-items{ background:#fff;}

    body{ position:relative;}
}
	
@media (min-width:768px) and (max-width:991px) {
.form_section .form_item .mb20 {margin-top: 20px;}
}
	
	
@media (max-width:767px) {
    body {background-size: inherit;z-index: 0;background-position: center; background-size: cover;}

    .form_section .form_item{ margin:0 0 0px;}
    .form_section .form_item .form-group {margin-bottom: 15px;}
    h3.form_label_headign { font-size: 15px;}
    .select-items div, .select-selected, .form-group input.textbox {font-size: 12px;}
    .form_section{ max-height:inherit; height:auto;}
    .header h1 {font-size: 18px;}

    .form_information ul.ticket_info {margin: 12px 0px 12px;}
    a.submit_btn {position: static;left: initial;transform: translateX(0%); font-size: 14px;}
}
/** 11-Mar-2021*/
.loader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    background-color: rgba(0, 0, 0, 0.8);
}
.loader img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    margin-top: -50px;
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.logo img{
    width:400px;
    max-width:100%;
}	
@media (max-width:768px) {
    .logo img{
        width:240px;
        max-width:100%;
    }
}