* { outline: none !important; }

html, body { position: relative; min-height: 100%; height: 100%; }

body { font-family: 'Arial', sans-serif; font-size: 14px; font-weight: 400; color: #fff; background: url(../images/vip/bg.jpg) 50% 0 no-repeat fixed #1a3140;
    margin:0; padding:0; border:0; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -webkit-text-size-adjust: 100%;
}

.clr:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

a { cursor: pointer; text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #000; }
a:focus { text-decoration: none; }

.img-anim {
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}
.slow { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; }

.ulclear { margin:0; padding:0; list-style:none; }

.clear { display: block; height:0; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear0 { display: block; height:0; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear5 { display: block; height:5px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear10 { display: block; height:10px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear15 { display: block; height:15px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear20 { display: block; height:20px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear30 { display: block; height:30px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear40 { display: block; height:40px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear50 { display: block; height:50px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear60 { display: block; height:60px; width:auto; clear:both; overflow:hidden; font-size:0; }

.wrapper { width: 100%; height: 100%; padding-bottom: 100px; overflow-y: auto; }

.pr0 { padding-right: 0; }
.pl0 { padding-left: 0; }


.btn { border-radius: 0; border: 0 none; font-size: 12px; font-weight: 400; text-transform: uppercase; padding: 0 15px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.btn-default { background-color: #ebebeb; color: #1a3140; border-color: #fff; font-size: 28px; text-transform: none; font-weight: 700; letter-spacing: -2px; }
.btn-default:hover { background-color: #1a3140; color: #fff; border-color: #fff; }

.btn-primary { background-color: red; color: #fff; border-color: #000; }
.btn-primary:hover { background-color: red; color: #fff; border-color: #000; }

.container { position: relative; }

.form-control { height: 38px; font-size: 12px; border-radius: 0; border: 1px solid #fff; background: rgba(0,0,0,0.7); color: #fff; padding: 6px 12px; box-shadow: none; -webkit-box-shadow: none;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.form-control:focus { box-shadow: none; -webkit-box-shadow: none; border-color: #fff; background: #000; }

.form-control::-webkit-input-placeholder { color: #fff; }
.form-control::-moz-placeholder { color: #fff; }
.form-control:-ms-input-placeholder { color: #fff; }
.form-control:-moz-placeholder { color: #fff; }

select.form-control { padding: 0 12px; }

.logo { padding: 30px 0 0 0; }
.title { padding-top: 80px; text-align: right; }

.main-title { margin: 0 0 0 0; font-size: 50px; }

.col-md-5 { width: 39%; }
.col-md-4 { width: 36%; }

.main-content { margin: 80px 0 60px 0; position: relative; padding: 20px; border: 1px solid #fff; background: rgba(0,0,0,0.25); }
/*.main-content .top { position: absolute; top: -33px; left: 0; right: 0; width: 100%; height: 33px; }*/

.program { margin-top: -30px; }

.footer { position: absolute; bottom: 0; left: 0; right: 0; background: #1a3140; font-size: 12px; }
.footer a { color: #fff; }
.footer .top { padding: 10px 0; border-bottom: 1px solid #a1aab0; }
.footer .bottom { padding: 15px 0; }

.social-box {}
.social-box ul {}
.social-box li { display: inline-block; }
.social-box a { font-size: 22px; }

.copyright { float: left; }
.createdby { float: right; }

.content-lead { margin-bottom: 15px; }
.content-body { margin-bottom: 15px; }

#coupon_code { display: block; background: rgba(0,0,0,0.7); border: 1px solid #fff; text-align: center; color: #fff; font-size: 22px; font-family: 'Verdana', sans-serif; font-weight: 700; padding: 10px 2px; text-transform:  uppercase; }

/*xs */
@media all and (max-width: 767px) {

}

@media (max-width: 440px) {

}

/* sm */
@media (min-width: 768px) {

}

/* only sm */
@media (min-width: 768px) and (max-width: 991px) {

}

/* xs & sm */
@media (max-width: 991px) {
    body { min-height: inherit; height: inherit; background-size: cover; }
    html { min-height: inherit; height: inherit; }
    .col-md-5 { width: inherit; }
    .col-md-4 { width: inherit; }
    .title { text-align: center; }
    .main-title { margin-bottom: 15px; color: #253642; }
    .main-content { margin-top: 30px; }
    .program {display: none; }
    .program-xs { margin: 0 auto; }
    .wrapper { padding-bottom: 0; }
    .footer { position: static; text-align: center;  }
    .footer .copyright { float: none; margin-bottom: 10px; }
    .footer .createdby { float: none; }
}

/* xs & sm & md*/
@media (max-width: 1199px) {

}

/* md */
@media (min-width: 992px) {

}

/*only md */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* lg */
@media (min-width: 1200px) {

}

/**/
div.errormark { display: none; width: 16px; height: 16px; }
div.errormark a {display: block; background: transparent url(../images/icons/error.png) no-repeat; width: 16px; height: 16px; }
div.errors { position: relative; background: #ffecec; border: solid 1px #ffffff; padding: 10px; margin-bottom: 10px; }
div.errors strong { color: #000000; }
div.errors .error-close { position: absolute; width: 17px; height: 17px; top: 0px; right: 0px; display: block; background: url(../images/icons/error_close_icon.png) no-repeat; }
div.error-text { margin-top: 5px; }