body { font-size: 13px; background-color: #EDEDED; color: #333; padding-bottom: 50px;
  font-family: 'Roboto', sans-serif; line-height: 20px; }
input { font-size: 13px!important; }
.text-bold { font-weight: bold; }
.text-semibold { font-weight: 500; }
.text-dark { color: #333; }
.text-grey { color: #979797!important; }
textarea:focus,
button:focus,
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #FFF;
  outline: none;
  border-color: #B6B6B6;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.form-control { font-size: 13px!important; }
/* general */
.p15 { padding: 15px; }
.fs14 { font-size: 14px!important; }
.fs13 { font-size: 13px!important; }
a, a:visited { color: #333; }
a:hover, a:active { color: #333; text-decoration: none;}
.btn-back { color: #FF8B17!important; font-size: 22px; }
.btn-share{ color: #FF8B17!important; font-size: 18px; cursor: pointer;}
.no-footer { padding-bottom: 0!important; }
.full-height { height: 100vh; }
.content-body h1 { font-size: 17px; }
.content-body h2 { font-size: 16px; }
.content-body h3 { font-size: 15px; }
.content-body p:last-child { margin-bottom: 0; }
.btn-yellow, a.btn-yellow { cursor: pointer; background-color: #FF8B17; border-radius: 5px; color: #FFF; 
padding: 7px; text-align: center; font-size: 14px; font-weight: 500; border: none;}
.btn-yellow:hover { color: #FFF; }
.btn-disabled, a.btn-disabled { background-color: #979797; border-radius: 5px; color: #FFF; 
  padding: 7px; text-align: center; font-size: 14px; font-weight: 500; border: none;}
  .btn-disabled:hover { color: #FFF; }
.btn-grey, a.btn-grey { cursor: pointer; background-color: #979797; border-radius: 5px; color: #FFF; 
  padding: 7px; text-align: center; font-size: 14px; font-weight: 500; border: none;}
.btn-grey:hover { color: #FFF; }
.btn-social-login { cursor: pointer; font-size: 14px; font-weight: 500; border-radius: 5px; border: 2px solid #D8D8D8;
padding: 5px; text-align: center; margin-bottom: 15px; }
.out-of-stock { color: #DC3545; font-weight: 500; }
.text-yellow { color: #FF8B17!important; }
.text-grey { color: #979797; }
a.text-grey:visited { color: #979797; }
.carousel-control-next, .carousel-control-prev { background-color: transparent; border: none; }
/* end general */
/* header */
header { position: fixed; top: 0; left: 0; z-index: 100; background-color: #FFF; width: 100%; }
header .header-wrapper { background-color: #FFF; max-width: 576px; margin: 0 auto; padding: 10px 15px; height: 60px;}
header .header-wrapper a.header-logo img { height: 40px; }
header .header-wrapper .header-body { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; }
header .header-wrapper .header-body .header-left { display: flex; flex-direction: row; align-items: center; }
header .header-wrapper .header-body .header-title { font-size: 14px; font-weight: 500; letter-spacing: 0.5px;}
header .header-wrapper .header-body .header-subtitle { font-size: 12px; color: #979797; letter-spacing: 0.5px; }
.header-img-cont { position: relative;  }
.header-title-cont { display: flex; flex-direction: column; margin-left: 25px;  }
.header-right { display: flex; align-items: center; }
.cart-header span { font-size: 12px; color: #FF8B17; }
.cart-header a img{ margin-right: 3px; }
/* .header-cart-cont { position: absolute; background-color: #DC3545; right: -5px; top: -2px;
  color: #FFF;width: 20px; height: 20px; border-radius: 100%; font-size: 11px; padding: 0 2px; text-align: center; } */
/* end header */
/* content */
.main { position: relative; padding-top: 60px; max-width: 576px; width: 100%; 
  margin: 0 auto; min-height: 100vh; padding-bottom: 10px; }
.help-block { font-size: 12px; }
.section { background-color: #FFF;}
.sub-section { margin-bottom: 25px; }
.sub-section-title { font-size: 14px; font-weight: 500; display: flex; align-items: center; }
.sub-section-header { display: flex; justify-content: space-between; margin-bottom: 15px; align-items: center;}
.sub-section-header a { font-weight: 500; font-size: 12px; }
.section-title-cont { text-align: center; margin-top: 25px; margin-bottom: 25px; }
.section-title-cont h3 { font-weight: bold; font-size: 22px; letter-spacing: 1px; margin-bottom: 0;}
.section-title-cont .section-title-sub { text-transform: uppercase; letter-spacing: .5px; margin-top: 15px; 
font-size: 12px; line-height: 18px;}
.section-title-cont .section-title-sep { background-color: #A8B913; width: 20px; height: 5px;
margin: 0 auto 8px auto;}
.slide-banner { position: relative; width: 100%; display: block; height: 300px; }
.slide-banner .carousel-indicators { bottom: -41px; }
.slide-banner .carousel-indicators li { background-color: #FF8B17; height: 10px; width: 10px; border-radius: 100%; 
border-top: none; border-bottom: none; margin-right: 4px; margin-left: 4px;}
.slide-banner .carousel-indicators li.active { width: 25px; border-radius: 5px;}
.slide-banner .carousel-item-img { height: 250px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.search-cont .input-group-text { border-color: #cbcbcb; background-color: #F5F5F5; border-radius: 20px; cursor: pointer; }
.search-cont .form-control{ border-color: #cbcbcb; border-right: none; border-radius: 20px; 
font-size: 11px!important; color: #6C767D; padding-top: 5px; padding-bottom: 5px; padding-right: 0; height: 30px; width: 150px; background-color: #F5F5F5;}
.event-item { width: 100%; margin-bottom: 15px; }
.event-item.has-border { border-top: 1px solid #D8D8D8; padding-top: 15px; }
.event-item-img { height: 200px; border-top-left-radius: 10px; border-top-right-radius: 10px; 
  background-repeat: no-repeat; background-position: center center; background-size: cover;}
.event-item-body { box-shadow: 0px 4px 5px 0px rgba(184,184,184,0.5);
  -webkit-box-shadow: 0px 4px 5px 0px rgba(184,184,184,0.5);
  -moz-box-shadow: 0px 4px 5px 0px rgba(184,184,184,0.5); position: relative;}
.event-title { font-size: 15px; font-weight: bold; letter-spacing: 0.5px; 
padding-right: 25px; color: #333;}
.event-info {display: flex; align-items: center; margin-bottom: 5px;}
.event-info span { margin-left: 10px; color: #979797; letter-spacing: 0.5px; }
.event-info .event-info-icon { width: 20px; text-align: center; }
.event-price { color: #979797; font-size: 14px; font-weight: normal; letter-spacing: 0.5px; margin-top: 0;}
.event-fav { cursor: pointer; position: absolute; right: 15px; top: 15px; }
.order-item { position: relative; margin-bottom: 20px; display: block; }
.order-id { color: #666666; font-weight: 500; font-size: 12px; }
.order-price { font-size: 13px; }
.order-title { font-size: 14px; font-weight: 500; }
.order-ticket { font-size: 12px; color: #979797;}
.order-status { background-color: #E5E5E5; border-radius: 5px; padding: 3px 10px; font-size: 12px; font-weight: 500; }
.order-status.complete { color: #28A745; }
.order-status.cancel { color: #DC3545; }
.card-item { box-shadow: 0px 0px 7px 0px rgba(184,184,184,0.5);
  -webkit-box-shadow: 0px 0px 7px 0px rgba(184,184,184,0.5);
  -moz-box-shadow: 0px 0px 7px 0px rgba(184,184,184,0.5); position: relative; padding: 15px;
border-radius: 10px; }
.card-icon { border-bottom: 1px solid #dadada; padding-bottom: 10px; margin-bottom: 10px; }
.card-icon span { font-weight: 500; color: #FF8B17; margin-left: 5px; letter-spacing: .5px;}
.card-top, .card-bottom { display: flex; justify-content: space-between; }
.card-content { position: relative; margin-top: 15px; margin-bottom: 15px;}
.card-title { font-size: 14px; font-weight: 500; letter-spacing: 0.5px; }
.order-download { cursor: pointer; margin-left: 5px; }
.order-detail { display: flex; margin-bottom: 5px; justify-content: space-between;}
.order-detail .order-detail-label, .inbox-read-all{ color: #979797; font-size: 12px; font-weight: 500; }
.order-detail .order-detail-value { font-size: 12px; }
.toggle-detail { cursor: pointer; }
.order-price-detail { border-top: 1px dashed #D8D8D8; padding-top: 8px; display: none;}
.order-detail-cont { border-top: 1px dashed #D8D8D8; padding-top: 8px;}
.view-barcode { cursor: pointer; font-size: 16px; }
.inbox-read-all{ text-align: right; cursor: pointer; }
.inbox-item { padding: 15px;border-bottom: 1px solid #D8D8D8; cursor: pointer; }
.inbox-item.new { background-color: #F1F1F1; }
.inbox-item .inbox-top { display: flex; justify-content: space-between; margin-bottom: 5px; }
.inbox-top .inbox-title { font-size: 15px; font-weight: 500; }
.inbox-datetime { font-size: 12px; color: #979797; }
.inbox-msg { color: #979797; }
.account-nav { list-style-type: none; padding: 0; }
.account-nav li a { border-bottom: 1px solid #D8D8D8; display: block; padding: 10px 0; color: #979797; font-weight: 500; }
.account-nav li:last-child a { border-bottom-color: white; }
.account-nav li a img { margin-right: 10px; }
.account-profile { margin-bottom: 15px; border-bottom: 3px solid #FF8B17; padding-bottom: 15px; }
.account-name { font-size: 15px; font-weight: bold; }
.account-name a { margin-left: 5px; color: #FF8B17; }
.account-info { margin-top: 5px; font-size: 14px; }
.event-content .nav-tabs { border-bottom: none; }
.event-content .nav { justify-content: space-around; }
.event-content .nav-link { width: 50%; text-align: center; border: none; color: #979797; border-bottom: 2px solid #D6D5D5; }
.event-content .nav-link.active { font-weight: 500; border-bottom: 4px solid #FF8B17; }
.event-content .tab-content { padding: 15px 0; }
.event-footer-cont { position: fixed; left: 0; width: 100%; bottom: 0; }
.event-footer-wrapper { max-width: 576px; height: 100px; background-color: #FFF; margin: 0 auto; 
  -webkit-box-shadow: 0px 3px 7px 0px rgba(153,153,153,0.55);
-moz-box-shadow: 0px 3px 7px 0px rgba(153,153,153,0.55);
box-shadow: 0px 3px 7px 0px rgba(153,153,153,0.55);
padding: 15px; }
.event-footer-top { display: flex; justify-content: space-between;}
.event-footer-top span { font-weight: bold; }
.event-related-cont { padding-bottom: 50px; margin-top: 25px; }
.scroll-horizontal { width: 100%; white-space: nowrap; overflow: auto; padding: 5px 5px 15px 5px; }
.event-related-item { width: 200px; padding: 0; margin-right: 15px; display: inline-block; }
.event-related-item:last-child { margin-right: 0; }
.event-related-item .event-item-img { height: 105px; }
.event-related-item-body { padding: 10px; }
.event-related-item-body .event-title { font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
padding-right: 0;}
.event-related-item-body .event-info span { font-size: 11px; }
.event-related-item-body .event-price { font-size: 12px; margin-top: 10px; }
.event-price-cont { display: flex; }
.event-price-disc { color: #DC3545; text-decoration: line-through; margin-right: 5px; }
.event-calendar-scroll { width: 100%; white-space: nowrap; overflow: auto; padding-bottom: 15px;}
.event-calendar-item { background-color: #EFEFEF; width: 65px; height: 65px; border-radius: 100%; cursor: pointer; display: inline-block; color: #979797; 
margin-right: 15px;}
.event-calendar-item.active { background-color: #FF8B17; color: #FFF; }
.event-calendar-item:last-child { margin-right: 0; }
.event-calendar-wrapper { justify-content: center; align-items: center; flex-direction: column; display: flex; height: 65px; }
.event-schedule-cont { margin-top: 20px; }
.event-schedule-cont .card-item { margin-bottom: 15px; }
.event-qty-cont { display: flex; }
.btn-qty { background-color: #D8D8D8; font-weight: bold; font-size: 18px; cursor: pointer;
text-align: center; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; 
border-top-left-radius: 5px; border-bottom-left-radius: 5px;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; 
-ms-user-select: none; user-select: none; }
.btn-qty.btn-plus { font-size: 16px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;
  border-top-left-radius: 0; border-bottom-left-radius: 0;}
.input-qty { width: 40px; background-color: #F1F1F1; border: 1px solid #F1F1F1; text-align: center; }
.countdown-cont { margin-top: 20px; display: flex; justify-content: center; margin-bottom: 20px; 
  align-items: center; flex-direction: column;}
.countdown-label { font-weight: 500; margin-top: 15px; }
.countdown-wrapper { width: 100px; background-color: #FF8B17; color: #FFF; font-size: 20px; padding: 15px; border-radius: 10px;
text-align: center;}
.countdown-cont.countdown-sm { margin-top: 0; margin-bottom: 0; }
.countdown-cont.countdown-sm .countdown-wrapper { font-size: 15px; padding: 5px; border-radius: 6px; width: 65px; }
.line-separator { background-color: #D8D8D8; height: 1px; width: 100%; margin-top: 15px; margin-bottom: 15px; }
.section-title { font-size: 14px; font-weight: 500; }
.checkout-form label { color: #979797; font-weight: 500; }
.checkout-form input, .checkout-form textarea { color: #979797; border: 1px solid #D8D8D8; }
.payment-method-cont { margin-top: 15px; }
.payment-method-item { border: 2px solid #D8D8D8; border-radius: 5px; margin-bottom: 15px; padding: 10px; cursor: pointer; }
.payment-method-item.active { border-color: #FF8B17; }
.checkout-form .order-detail-label, .checkout-form .order-detail-value{ font-size: 13px; }
.checkout-form .order-detail-value { color: #FF8B17; font-weight: bold; }
.checkout-form table td { border-color: #D8D8D8; border: none; padding: 3px 8px;}
.disc-price { color: #DC3545!important; }
.checkout-total { margin-bottom: 40px; }
.checkout-total span { font-size: 14px!important; }
.form input { border: 2px solid #FF8B17; color: #979797; }
.other-login-label { font-weight: 500; text-align: center; margin: 15px 0; }
.not-found-cont { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.not-found-cont h4 { font-size: 18px; }
.not-found-cont p { color: #979797; }
.product-item { padding: 0; margin-bottom: 20px; margin-right: 20px; }
.product-item.col-md-6 { max-width: 48%; }
@media (max-width: 575.98px) {
  .product-item.col-md-6 { max-width: 100%; margin-right: 0; }
}
.product-item .event-item-img { height: 140px; }
.cart-item { display: flex; flex-direction: row; align-items: flex-start; border-bottom: 1px solid #D8D8D8; 
  padding: 15px 0;}
.cart-item .cart-cont-left{ width: 50px; position: relative; }
.cart-cont-right { display: flex; width: 100%; justify-content: space-between; }
.cart-cont-right .cart-left-body { padding-right: 15px; }
.cart-left-body .detail-btn-action-cont { margin-top: 15px; justify-content: flex-start; }
.cart-left-body .detail-btn-action-cont .detail-btn-action img { height: 15px; }
.cart-left-body .detail-btn-action-cont .detail-input { font-size: 13px; border: 1px solid #D8D8D8; }
.cart-right-body { text-align: right; }
.cart-trash { cursor: pointer; }
.cart-trash img { height: 18px; }
.cart-subtotal { color: #FF8B17; font-weight: bold; margin-top: 25px; font-size: 14px; }
.cart-empty { min-height: 200px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.checkbox-container { display: block; position: relative; padding-left: 30px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border: 1px solid #D8D8D8; }
.checkbox-container input:checked ~ .checkmark { background-color: #FF8B17; border-color: #FF8B17; }
.checkmark:after { content: ""; position: absolute; display: none; }
.checkbox-container input:checked ~ .checkmark:after { display: block; }
.checkbox-container .checkmark:after { left: 6px; top: 1px; width: 7px; height: 13px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.cart-total-cont { padding: 15px 0; display: flex; flex-direction: row; justify-content: space-between;}
.cart-total-cont .cart-total-label { font-weight: 600; font-size: 15px; letter-spacing: .5px;}
.cart-total-cont .cart-total { font-weight: bold; color: #FF8B17; font-size: 15px; padding-left: 15px; }
.product-detail-price .event-price { margin-top: 0; }
.schedule-item { border: 2px solid #D8D8D8; border-radius: 5px; margin-bottom: 15px; padding: 10px; cursor: pointer; color: #979797;}
.schedule-item.active { border-color: #FF8B17; }
.schedule-expired { cursor: default; background-color: #F1F1F1; }
.modal-subtitle { color: #979797; }
.modal.modal-fullscreen .modal-dialog { max-width: 576px; height: 100vh; margin: auto; padding: 0;}
.modal.modal-fullscreen .modal-content { height: auto; height: 100vh; border-radius: 0; border: none; }
.modal.modal-fullscreen .modal-body { overflow-y: auto; }
#ticketModal .modal-footer { justify-content: space-between; }
.cart-ticket-counter { color: #FF8B17; font-size: 13px; }
.event-cart {cursor: pointer; margin-top: 5px; display: flex; justify-content: flex-end; }
.event-cart-body { margin-top: 5px; width: 100%; }
.event-cart-body-title { font-weight: 500; font-size: 13px; margin-bottom: 5px; }
.event-cart-body-item { margin-bottom: 10px; display: flex; justify-content: space-between; font-size: 13px;}
.event-cart-body-price { color: #FF8B17; }
.event-cart-body-total {display: flex; justify-content: space-between; font-weight: 500; font-size: 15px; 
border-top: 1px solid #D8D8D8; padding-top: 10px;}
select.select-qty {border-color: #D8D8D8; padding: 5px; border-radius: 5px;}
select.select-qty:focus { border: 1px solid #D8D8D8!important; }
.card-prod-img-cont { width: 80px; height: 80px; position: relative; margin-right: 15px;}
.card-prod-img-cont a { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 80px; height: 80px; 
display: block;}
.card-prod-body { position: relative; display: flex; width: 100%; flex-direction: column;}
.card-prod-footer { position: absolute; left: 0; bottom: 0; display: flex; justify-content: flex-end; 
width: 100%;}
.card-prod-name { font-weight: 500; }
.card-prod-body .event-price { font-size: 13px; }
.order-expired { text-align: center; margin: 25px 0; font-weight: bold; font-size: 15px; }
.product-checkout-item { border-bottom: 1px solid #dadada; padding:15px 0;}
.product-checkout-top { padding:0 15px; margin-bottom: 5px; }
.product-checkout-bottom { display: flex; flex-direction: row; justify-content: space-between; padding:0 15px;}
.product-checkout-bottom .product-price-cont { display: flex; flex-direction: column; margin-top: 0;}
.product-checkout-bottom .product-price-cont .product-price-disc { font-weight: 500; color: #DC3545; text-decoration: line-through; }
.product-checkout-bottom .product-price-cont .product-price { color: #FF8B17; font-weight: 500;}
.product-checkout-bottom .product-checkout-subtotal { color: #FF8B17; font-weight: bold; } 
.product-checkout-total { padding:15px; text-align: right; }
.product-checkout-total span { font-weight: bold; font-size: 14px; color: #FF8B17; }
.chk-table td { padding: 5px; }
.event-map { padding-bottom: 70px; margin-top: 25px; }
.map-cont { width: 100%; height:300px; }
.event-map-info { text-align: center; margin-top: 15px; }
.event-map-info h3 { font-size: 18px; margin-bottom: 5px; }
.venue-address { color: #979797; }
.event-map-info .btn-grey { margin-top: 10px; display: inline-block; padding: 13px; }
.scroll-nav { display: flex; }
.nav-btn { font-size: 16px; cursor: pointer; }
.nav-btn.arr-prev { margin-right: 5px; }
.nav-btn.arr-next { margin-left: 5px; }
.guest-cont { display: flex; margin-bottom: 10px; justify-content: space-between; }
.guest-cont select { width: 90%; }
@media (max-width: 575.98px) {
  .guest-cont select { width: 80%; }
}
.btn-guest-help { cursor: pointer; width: 20px; height: 20px; background-color: #dadada; border-radius: 100%; display: flex; justify-content: center;
margin-top: 5px; font-size: 12px; font-weight: bold;}
.nav-filter { margin-top: 15px; margin-bottom: 25px; }
.nav-filter .btn { margin-right: 15px; font-size: 13px; margin-bottom: 10px; }
.copy-info { cursor: pointer; margin-top: 5px; margin-bottom: 5px; color: #007bff; line-height: 15px;}
#order-detail .table { font-size: 12px; }
#order-detail .table th, #order-detail .table td { padding: 5px; }
/* end content */
/* footer */
.bottom-navigation-cont { position: fixed; left: 0; width: 100%; bottom: 0; z-index: 100; z-index: 100;}
.bottom-navigation-wrapper { max-width: 576px; height: 60px; background-color: #FFF; margin: 0 auto; 
  display: flex; flex-direction: row; justify-content: space-between; border-top: 2px solid #E7E7E7; }
.bottom-navigation-wrapper .bottom-nav { text-align: center; flex: 1; display: flex; flex-direction: column; justify-content: center; }
.bottom-navigation-wrapper .bottom-nav a img { height: 23px; }
.bottom-navigation-wrapper .bottom-nav a:hover { text-decoration: none; }
.bottom-navigation-wrapper .bottom-nav .nav-title { color: #979797; text-transform: uppercase; font-size: 11px; }
.bottom-navigation-wrapper .bottom-nav .nav-title.active { color: #FF8B17; }
.nav-img-cont { position: relative; width: 30px; margin: 0 auto; }
.footer-social-cont { display: flex; justify-content: center; margin-bottom: 30px; }
ul.social { list-style: none; margin: 0; padding: 0 }
ul.social li { display: inline-block; margin: 0 8px; }
ul.social li a { background-color: #979797; width: 35px; height: 35px; border-radius: 100%;
display: flex; justify-content: center; align-items: center; }
ul.social li a i { color: #FFF; font-size: 17px; }
.footer-nav { text-align: center; margin-bottom: 30px; }
.footer-nav ul{ list-style: none; margin: 0; padding: 0;}
.footer-nav li { display: inline-block; margin: 0 5px; color: #979797; }
.footer-nav li a { color: #979797;}
.footer-copyright { text-align: center; font-size: 11px; color: #979797; }
.new-msg { width: 7px; height: 7px; border-radius: 100%; background-color: #D20207; position: absolute;
right: 0; top: 0; }
.page-item.active .page-link { background-color: #FF8B17; border-color: #FF8B17; }
/* end footer */

.loader { position: fixed; z-index: 9999; height: 2em; width: 2em; overflow: show;
  margin: auto; top: 0; left: 0; bottom: 0; right: 0; }
.loader:before { content: ''; display: block; position: fixed; top: 0;
  left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
.loader:not(:required) { font: 0/0 a; color: transparent; text-shadow: none;
  background-color: transparent; border: 0; }
.loader:not(:required):after { content: ''; display: block; font-size: 10px;
  width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear;
  border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; }
/* Animation */
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}