@import url('https://fonts.googleapis.com/css?family=Lato:300');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,600');

@font-face {
  font-family: 'Expert Sans Light';
  src: url(../fonts/expertsans-light-webfont.eot);
  src: url(../fonts/expertsans-light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/expertsans-light-webfont.woff) format("woff"), url(../fonts/expertsans-light-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}
body {

 
    
}
.bg{
    font-family: 'Expert Sans Light';
    color: #333;
    font-size: 13px;
  
    background: #fff;
    overflow-x: hidden;
    letter-spacing: 0.01rem !important;
    padding-bottom: 0px;
    background-image: url(../img/BoxOffice.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    opacity:0.8;
    z-index:-1;
    filter: alpha(opacity=50);
}
#registration_form .form-group,#registration_form{
    margin-bottom: 5px;
}
#registration_form{
    /* margin-bottom: 20px; */
}
.wizard > .content{  

    /* overflow-x: hidden; */
    margin: 0px 5px 5px 0px;
    border-radius: 0px;
}
#register{

}
.wizard .content {
    min-height: 100px;
}
.wizard .content > .body {
    width: 100%;
    height: auto;
    padding: 15px;
    position: relative;
}

.arrow-right {
    width: 0px;
    height: 0px;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green;
}

.wizard > .steps a,.wizard > .steps a:hover,.wizard > .actions a,.wizard > .actions a:hover{
    border-radius: 0px;
}
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        margin: 0px;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.wizard > .content > .body label.error{
    margin-left:0px;
}
.pr_0{
    padding-right: 0px;
}
.register_btn {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
    position: relative;
    /* background-color:#00ce76; */
    color:#fafafa;
}
.register_btn a{
	text-decoration: none;
    display: block;
   
    
}
.wizard > .actions > ul > li {
 border: 1px solid #018007ea;
}
.register_btn::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
    transition: all 0.3s;
   
}
.emailVerifyPage{
    position:relative;
    bottom:5px;
}
.register_btn:hover::before{
	opacity: 0;
	-webkit-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}
.register_btn::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: scale(0.5,0.5);
	transform: scale(0.5,0.5);
}
.register_btn:hover::after{
	opacity: 1 ;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}
.btn_style{
    background-color: transparent;
    line-height: 50px;
	height: 50px;
	text-align: center;
    cursor: pointer;
    margin: 10px;
    font-family: 'Expert Sans Light';
    font-size: 20px;
}
.nav>li>a:focus, .nav>li>a:hover{
    background: none;
    color:#fff;
    text-decoration: underline;
    margin-bottom: 2px;
    }
.must{
    color: red;
}
/* .resendEmail{
    background-color: #306C53;
} */
/* #cancelEmail{
    background-color: #ff0000;
} */
.navbar{
    border-radius: 0px;
    margin-bottom: 0px
}
.navbar-inverse{
    background: transparent;
    border-color: transparent;
}

.heading{
    color:white;
    font-family: 'Expert Sans Light';
    line-height: 5;
    margin: 0px;
}
.input-group-addon{
    cursor: pointer;
}
/* .wizard, .tabcontrol {
    background:none !important;
} */
.navbar-inverse .navbar-nav > li > a {
    color:white;

}

/* #registration_form-t-0{
    width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-left: 30px solid #555;
	border-bottom: 15px solid transparent;
} */


.email-icon{
    background: #ccc;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 12px 5px; 
    float: right;     
    margin-top:10px;
}
#EmailSendMessage{
    background: #E7EBEB;
    padding: 3%;
    display: none;
 
}
#BackButton{
    background: #ccc;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 10px 10px; 
}

#divLoading,
#divLoadingb,
#divLoadingform
{
display : none;
}
#divLoadingb.show{
    display : block;
position : fixed;
z-index: 100;
background-image : url('../img/loading.gif');
background-color:#666;
opacity : 1;
background-repeat : no-repeat;
background-position : center;
left : 0;
bottom : 0;
right : 0;
top : 0;
}
#divLoadingform.show{
    display : block;
position : fixed;
z-index: 100;
background-image : url('../img/loading.gif');
background-color:#F0F0F0;
opacity : 1;
background-repeat : no-repeat;
background-position : center;
left : 0px;
bottom : 0;
right : 0;
top : 90px;
}
#divLoading.show
{
display : block;
position : fixed;
z-index: 100;
background-image : url('../img/loading.gif');
background-color:#666;
opacity : 0.4;
background-repeat : no-repeat;
background-position : center;
left : 0;
bottom : 0;
right : 0;
top : 0;
}
#loadinggif.show
{
left : 50%;
top : 50%;
position : absolute;
z-index : 101;
width : 32px;
height : 32px;
margin-left : -16px;
margin-top : -16px;
}

/*Ashok Css Added*/
.form-control{
    border-radius: 0px;
}
label{
    color: #777;
    font-weight: normal;
}
.input-group-addon{
    border-radius: 0px;
}
/* input.error{
        background-color: #fff !important;
           border: 1px solid #ccc !important; 
} */
.alert-danger{
    color: #6f0000;
    background-color: #f7cccc;
    border-color: #f3b8b8;
    font-size: 12px;
}
.alert{
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.125rem;
}

::placeholder{
font-size: 13px !important;
}
@-moz-document url-prefix(){
    .terms{
        position: relative;
        bottom: 3px;
    }
    .interests{
         position: relative;
        bottom: 5px;
    }
}
/* common css*/
.pl-0{
    padding-left: 0px;
}
.pr-0{
    padding-right: 0px;
}
.pl-9{
    padding-left: 9px;
}
.mt-5{
    margin-top: 5px;
}

.wizard > .content > .body{
    width: 100% ;
}
button, input, select, textarea{
    font-family: 'Expert Sans Light';
}
.wizard > .content {
    background:none;
}

.wizard > .content::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.wizard > .content::-webkit-scrollbar-button {
    background: no-repeat #e9ecef;
    background-size: 0.75em;
    background-position: center bottom;
}

.wizard > .content::-webkit-scrollbar-button:vertical:decrement {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a6268'><polygon points='0,50 100,50 50,0'/></svg>");
    }

    .wizard > .content::-webkit-scrollbar-button:vertical:increment {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a6268'><polygon points='0,0 100,0 50,50'/></svg>");
    }

    .wizard > .content::-webkit-scrollbar-track-piece {
    background: #f8f9fa
}

.wizard > .content::-webkit-scrollbar-thumb {
    background: #33cc99;
    border-radius: 5px;
}

.terms a{
    color: #777;
    text-decoration: underline;
}
.wizard > .steps > ul > li.first
  { width: 200px; 
    height: 45px; 
    position: relative; 
    background: #2184BE; } 
    .wizard > .steps > ul > li.last
  { width: 200px; 
    height: 45px; 
    position: relative; 
    } 
    .wizard > .steps > ul > li.done{
        width: 200px; 
        height: 45px; 
        background: #9dc8e2;
    }
    .wizard > .steps > ul > li.done:before{
        left: 200px;
        border-left: 20px solid #38a347 !important; 
border-top: 20px solid transparent; 
border-bottom: 24px solid transparent;
    }
.wizard > .steps > ul > li.error:before {

border-left: 20px solid #ff3111 !important; } 
.wizard > .steps > ul > li.first:before { content: ""; 
position: absolute; 
right: -20px; 
bottom: 0; 
width: 0; 
height: 0; 
border-left: 20px solid #38a347;
border-top: 20px solid transparent;
border-bottom: 24px solid transparent; 
z-index: 9;
height:45px;}
.wizard > .steps > ul > li.last{
    position: relative;
}
.wizard > .steps > ul > li.last:before{
content: "";
position: absolute;
left: 200px;
bottom: 0;
width: 0;
height: 0;
border-left: 20px solid #38a347;
border-top: 20px solid transparent;
border-bottom: 24px solid transparent;
z-index: 9
}
#registration_form-t-1{
    padding-left: 26px;

}
#registration_form{
    border: 2px solid #33cc99;
    background: rgba(0,0,0,0.5);
    margin-bottom: 10px;
}
.wizard .steps > ul > li.disabled > #registration_form-t-1{
    background: #9dc8e2;
    color: #fff
}
#emailLabel{
    color: #000 !important;
    background-color:#fff; 
}
#emailText{
    color: #000 !important;
    background-color:#fff;
}

.wizard .steps > ul > li.disabled:before{
    left: 200px;
    border-left: 20px solid #38a347;
border-top: 20px solid transparent;
border-bottom: 24px solid transparent;
}

.wizard > .steps > ul > li.current:before{
z-index: 9;
left: 200px;
}

.bootstrap-select.btn-group .dropdown-menu{
    max-height: 250px;
    overflow-y: auto;
}
.bootstrap-select.btn-group .dropdown-menu{
    width:100%;
    overflow-x: hidden;
    padding:0px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
    right:0px;
}
.theaterSelect{
    font-size:14px;
}
.f-check{
float:left;
margin-right:10px;
}
.check-mark{
margin-right:25px;
}


.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
margin-right: 34px;
/* color:#130808; */
font-weight:bold;
}
/* .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text:hover{
    background-color:#2E2A29;
} */
.bootstrap-select.btn-group .dropdown-menu li a span.text {
display: inline-block;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color:#fafafa;
}
.bootstrap-select.btn-group .dropdown-menu li:hover{
background-color: none!important;
}
/* .content,#registration_form{
     background-color:#2E2A29 !important; 
    background-image: url("../img/Box Office.png");

}  */
.form-control{
    background-color:#070200;
    color:#fafafa;
}
label{
    color:#fafafa;
    font-weight:bold;
} */
 .dropdown-toggle{
    background-color:#2E2A29; 
}
span.filter-option{
    color:#fafafa;
}
.dropdown-toggle:hover{
    background-color:#2E2A29;
}
.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active{
    background:#33cc99;
}
.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background:#33cc99;
}
.wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active{
    background:#f00;
}
.wizard .steps > ul > li.disabled > #registration_form-t-1{
    background:#33cc99;
}
/* .wizard .steps > ul > li.disabled:before {
    background-color:#306C53 !important; 
} */
.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
    background-color:#33cc99;
    color:#fafafa;
}
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background-color:#33cc99; 
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fafafa !important;
}
/* .dropdown-menu .inner{
    background-color:#2E2A29;
    color:#fafafa;
} */
.bootstrap-select>.dropdown-toggle{
    background-color:#070200;
}
.bootstrap-select.btn-group .dropdown-menu.inner{
    background-color:#070200;
    color:#fafafa;
}

/* .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text:hover {
    background-color:rgb(45, 142, 180);
    color:#eaeaea; 
} */
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    color:#fafafa;
}
/* .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.text{
    color:#008e7e;
} */
.bootstrap-select.btn-group .dropdown-menu li a:hover,.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a{
    background-color:#33cc99;
    color:#eaeaea;
 
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle,.btn-group .dropdown-toggle:hover,.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle{
    background:none;
}
.btn-default:hover,.btn-default.active, .btn-default:focus, .btn-default:active, .open>.dropdown-toggle.btn-default{
    background:none;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
    background: none;
}

.wizard > .content > .body input:focus {
    border-color:#5c9e26;
}
.wizard > .content > .body input[type="checkbox"] {
    position:relative;
    top:2px;
} 
a.conditions{
    color:#33cc99;
}


.wizard > .content > .body label.error {
    margin-left: 0px;
}
.wizard > .content > .body label.error {
    color: #8a1f11;
    /* display: inline-block; */
    margin-left: 1.5em;
}

#termserror{
    width:49%;
    display: none;
    position: relative;
    bottom: 5px;
} 
.wizard > .content > .body label.error{
    margin-left:0px;
}
.form-control:focus{
    border-color:#33cc99 !important;
    box-shadow:none;
}
#theater:focus{
    border-color:#33cc99; 
}
input.error {
    background-color:#2E2A29;
}
#emailText:-webkit-autofill, #emailText:-webkit-autofill:hover, #emailText:-webkit-autofill:focus, #emailText:-webkit-autofill:active {
   color:#2E2A29 !important;
   transition: background-color 5000s ease-in-out 0s;
   -webkit-text-fill-color: #2E2A29 !important;
}
@media (max-width:480px)  {

    body,html{
        overflow:scroll;
        -webkit-overflow-scrolling:touch;
    }
    .terms{
        font-size:10px;
    }
    #termserror{
        width:89%;
    }
    .wizard > .content > .body label.error{
        margin-left:0px;
    }
}  
.modal-backdrop{
    position:static !important;
}
.actions .disabled{
    display:none !important;
}
.loginforchecker{
    position: relative;
    bottom: 45px;
    left: 15px;
    font-size: 16px;
    color:#fafafa;
    display:inline-block;
}
a.signin:hover{
    color:#33cc99;
}
a.signin:visited{
    color:#33cc99;
}
.signin{
    color:#33cc99;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color:#070200;
}

.wizard > .steps .number{
    bottom: 0px !important;
    font-size: 13px !important;
}
.m-0{
    margin: 0px;
}