/*  Reset.Css */
body {font-family: Open Sans; font-weight:400; font-size:14px; color:#000; height:100%; background:#212121; line-height:1; margin:0px; padding:0px; position:relative; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img {font-size:100%; font:inherit;  vertical-align: baseline; padding: 0; margin: 0; border: 0; list-style: none}

/* reset */
.hw { -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.fw {width:100%; display:inline-block; float:left;}
a {-webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover {text-decoration:none;}
.cover {background-size:cover; background-repeat:no-repeat; background-position:center center;}
.type {-webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); display:inline-block; }
.typeIn {-webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); display:inline-block }
/* reset */

/* freeBetTopAll */
.freeBetTopAll {padding-top:75px; padding-bottom:125px;}
.freeBetTop ul {width:100%; max-width:760px;}
.freeBetTop ul li {width:100%; display:inline-block; float:left;}
.freeBetTop ul li.title {font-weight:700; font-size:53px; color:#fff; line-height: 64px; text-shadow: 1px 1px 0 rgba(0,0,0,0.50); margin-bottom:15px;}
.freeBetTop ul li.desc {font-weight:600; font-size:18px; color:#fff; line-height:24px; margin-bottom:35px;}
.freeBetTop ul li.desc strong {color:#FFC526}
.freeBetTop ul li.link span:first-child {background:#FFC526;}
.freeBetTop ul li.link span a {line-height:40px; color:#000; font-size:14px; font-weight:700; line-height:40px; display:inline-block; padding-left:35px; padding-right:35px;}
.freeBetTop ul li.link span {background:#fff; margin-right:20px}

/* prizeColBox */
.prizeBox {margin-top:-50px; margin-bottom:10px}
.prizeColBox {background-image: linear-gradient(42deg, #3023AE 0%, #B966D3 90%, #C96DD8 100%); height:250px; position:relative; padding:20px; padding-top:70px; padding-right:140px; margin-bottom:20px}
.prizeColBox ul {width:100%; display:inline-block; float:left; }
.prizeColBox ul li {width:100%; display:inline-block; float:left; position:relative; z-index:123}
.prizeColBox ul li.title {font-weight:800; font-size:24px; color:#fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.50); margin-bottom:25px; position:relative;}
.prizeColBox ul li.title:before {content:""; width:52px; height:4px; border-radius:4px; background:#fff; position:absolute; left:0; bottom:-15px; display:inline-block;}
.prizeColBox ul li.desc {font-size:14px; color:#fff;  font-weight:700; line-height:19px; text-shadow: 1px 1px 0 rgba(0,0,0,0.50); margin-bottom:15px;}
.prizeColBox ul li.link {padding-left:10px}
.prizeColBox ul li.link span {background:#fff;}
.prizeColBox ul li.link span a {line-height:40px; color:#000; font-size:14px; font-weight:700; line-height:40px; display:inline-block; padding-left:27px; padding-right:27px;}
.prizeColBox ul li.point {position:absolute; top:13px; right:5px; width:auto;}
.prizeColBox ul li.point span {background:#fff; position:relative;}
.prizeColBox ul li.point span i {font-style:normal; line-height:28px; display:inline-block; font-weight:800; font-size:18px; color:#000; padding-left:20px; padding-right:5px; position:relative;}
.prizeColBox ul li.point span i:before {content:""; background:url(../images/tick.png.html) no-repeat; width:20px; height:38px; position:absolute; right:-15px; top:0;}
.prizeColBox .image {position:absolute; right:0px; bottom:25px;}
.prizeBox .prizeCol:nth-of-type(2) .prizeColBox {background-image: linear-gradient(-134deg, #FE8C00 0%, #F83600 100%);}
.prizeBox .prizeCol:nth-of-type(3) .prizeColBox {background-image: linear-gradient(48deg, #FF6D59 0%, #FC2C79 100%);}
.prizeBox .prizeCol:nth-of-type(4) .prizeColBox {background-image: linear-gradient(-135deg, #1D976C 0%, #93F9B9 100%);}
.prizeBox .prizeCol:nth-of-type(5) .prizeColBox {background-image: radial-gradient(81% 155%, #7BD3F9 16%, #0072FF 100%);}
.prizeBox .prizeCol:nth-of-type(6) .prizeColBox {background-image: linear-gradient(-215deg, #FBDA61 0%, #F8862D 75%, #F8862D 75%, #F8862D 75%, #F8862D 75%, #F76B1C 100%);}

/* matchTitle */
.matchTitle {margin-bottom:20px;}
.matchTitle .title {font-weight:800; font-size:24px; color:#fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.50); border-bottom:4px solid #FFC526; line-height:35px; padding-bottom:5px; display:inline-block}

/* matchBox */
.matchBox {margin-bottom:30px;}
.matchBox ul.mul0 {width:100%; display:inline-block; float:left; }
.matchBox ul.mul1>li {float:left; display:inline-block; text-align:center; width:33.33%; font-weight:600; font-size:14px; color:#fff; line-height:43px;}
.matchBox ul.mul1 {background:#000000}
.matchBox ul.mul0>li.date {width:22%}
.matchBox ul.mul0>li.name {width:48%}
.matchBox ul.mul0>li.choice {width:30%}
.matchBox ul.mul2 {border-bottom:1px solid #272727; background:#0F0F0F}
.matchBox ul.mul2>li {padding:15px; border-right:1px solid #272727; float:left;}
.matchBox ul.mul2>li:last-child {border-right:0px}
.matchBox ul.mul2>li.date {font-size:16px; color:#fff; font-weight:600; line-height:28px; text-align:center; }
.matchBox ul.mul2>li.name {font-size:16px; color:#C1C1C1; font-weight:600; line-height:28px;}
.matchBox ul.mul2>li.name strong {color:#fff; font-weight:600}
.choiceButtons ul {margin-left:-7.5px; margin-right:-7.5px;}
.choiceButtons ul li {width:20%; float:left; padding-left:7.5px; padding-right:7.5px;}
.choiceButtons ul li .choiceButton {background: #272727; border-radius: 2px; font-weight:600; font-size:14px; color:#fff; text-align:center; width:100%; display:inline-block; line-height:28px; cursor:pointer;}
.choiceButtons ul li.draw {width:60%;}
.choiceButtons ul li .choiceButton.active {background:#FFC526; color:#000000}

/* termBox */
.termBox {background: #0F0F0F; border-radius:2px; padding:20px 30px; margin-bottom:30px}
.termBoxTitle {font-weight:800; font-size:24px; color:#fff; border-radius:10px; text-shadow: 1px 1px 0 rgba(0,0,0,0.50); line-height:30px; position:relative; margin-bottom:20px; float:left;}
.termBoxTitle:before {position:absolute; left:0; bottom:-10px; background:#D0011B; width:90px; height:4px; content:""; display:inline-block;}
.termBox ul {width:100%; display:inline-block; float:left;}
.termBox ul li {width:100%; display:inline-block; float:left; position:relative; font-size:18px; color:#fff; font-weight:600; line-height:25px; margin-bottom:10px; padding-left:17px;}
.termBox ul li:before {content:""; width:7px; height:7px; position:absolute; left:0; top:9px; display:inline-block; border-radius:50%; background:#fff;}
.termBox ul li:last-child {margin-bottom:0px}

/* newTicket */
.newTicket ul {width:100%; display:inline-block; float:left; background:#fff;}
.newTicket ul li {width:100%; position:relative; display:inline-block; border-bottom:1px solid #D8D8D8; padding:20px 25px;}
.newTicket ul li .name {width:100%; display:inline-block; float:left; color:#787878; font-size:16px; font-weight:600; margin-bottom:5px;}
.newTicket ul li .name strong {color:#000000; font-weight:600;}
.newTicket ul li .choice {color:#787878; width:100%; display:inline-block; float:left; font-size:14px; font-weight:600;}
.newTicket ul li .cancel {color:#787878; font-size:16px; right:15px; top:50%; margin-top:-8px; cursor:pointer; display:inline-block; position:absolute;}
.newTicket ul li .choice2 {position:absolute; right:-5px; top:5px; background:#FFC526}
.newTicket ul li .choice2 i {font-weight:800; font-size:12px; color:#000; padding-left:12.5px; padding-right:7.5px; font-style:normal; line-height:21px; display:inline-block; position:relative;}
.newTicket ul li .choice2 i:before {content:""; width:10px; height:31px; background:url(../images/tick2.png.html) no-repeat; position:absolute; right:-5px; top:0; display:inline-block;}

/* ticketSubmit */
.ticketSubmit {padding:20px 25px; background:#fff; margin-bottom:20px;}
.ticketSubmit .title {width:100%; display:inline-block; float:left; font-weight:600; font-size:16px; color:#000; margin-bottom:13px; line-height:22px;}
.ticketSubmitButton {width:100%; float:left; text-align:center; background: #FFC526; border-radius:2px; background:#FFC526; height:51px; font-weight:700; font-size:16px; color:#000; border:3px solid #FFC526; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.ticketSubmitButton:hover {background:#fff; color:#000;}

/* otherTickets */
.otherTickets {margin-bottom:20px;}
.otherTicketsButton {width:100%; text-align:center; line-height:56px; display:inline-block; float:left; background: #FFC526; border-radius:2px; font-weight:700; font-size:16px; color:#000; border:3px solid #FFC526;}
.otherTicketsButton i {font-size:16px; margin-left:5px;}
.otherTicketsButton:hover {background:#fff; color:#000}

/* newModal */
.newModal {margin-top: 450px !important;}
.modal-backdrop.in {filter: alpha(opacity=70); opacity: .7;}
.newModal .modal-dialog {width:400px; margin-top:100px;}
.newModalBox {position:relative; background:#fff; padding:25px; padding-top:45px;}
.newModalBox ul {width:100%; display:inline-block; float:left;}
.newModalBox ul li {width:100%; display:inline-block; float:left; text-align:center;}
.newModalBox ul li.img {margin-bottom:25px;}
.newModalBox ul li.img img {max-width:100%}
.newModalBox ul li.desc {font-weight:600; font-size:16px; color:#000; line-height:20px; margin-bottom:25px;}
.newModalBox .newClose {position:absolute; background: rgba(255,255,255,0.20); border: 2px solid #FFFFFF; width:31px; height:31px; text-align:center; line-height:26px; font-size:14px; color:#fff; top:-43px; right:-43px; border-radius:50%;  -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.newModalBox .newClose:hover {background:#fff; color:#000}
/* moreLink */
.moreLink {width:100%; text-align:center; line-height:56px; display:inline-block; float:left; background: #FFC526; border-radius:2px; font-weight:700; font-size:16px; color:#000; border:3px solid #FFC526;}
.moreLink:hover {background:#fff; color:#000}

.resultsAll {
    margin-bottom: 150px;
}

.freeCoupon .newTicket {margin-bottom: 10px}
.freeCoupon .ticketSubmit {display: none;}

/* resultsTitle */
.resultsBox {margin-bottom:15px;}
.resultsBox .label-info{background-color: #5bc0de !important;}
.resultsBox .label-warning {background-color: #f0ad4e !important;}
/*.resultsBox .matchBox {display:none;}*/
.resultsTitle {width:100%; display:inline-block; float:left; background:#000; cursor:pointer;}
.resultsTitle ul {width:100%; display:inline-block; float:left; position:relative; }
.resultsTitle ul li {float:left; display:inline-block; font-size:16px; font-weight:600; line-height:28px; padding:15px; color:#fff; }
.resultsTitle ul li:last-child {border-right:0px}
.resultsTitle ul li.date {width:20%; border-right:1px solid #272727}
.resultsTitle ul li.name {width:80%; padding-right:58px}
.resultsTitle ul li.name .info {}
.infoButton {border-radius: 2px; background: #D0011B; font-weight:700; font-size:13px; color:#fff; margin-left:10px; display:inline-block; padding-left:15px; padding-right:15px}
.infoButton.win {background:#67BB0B}
.resultsTitle.active ul li.icon i:before {content:"\f106"!important}

.resultsTitle ul li.icon {position:absolute; right:0; top:0; width:58px; text-align:center; padding:0px; line-height:58px; font-size:22px; border-left:1px solid #272727}
.resultsBox .matchBox ul.mul1 {background:#0F0F0F; border-bottom:1px solid #272727}
.resultsBox .matchBox ul.mul0>li {border-right:1px solid #272727}
.resultsBox .matchBox ul.mul0>li:last-chidl {border-right:0px}
.resultsBox .matchBox ul.mul2>li.date .infoButton {width:100%; text-align:center; padding:0px; margin:0px}

/* resultsTop */
.resultsTop {margin-bottom:20px; margin-top:20px;}
.resultsTop ul {float:left; display:inline-block; width:100%;}
.resultsTop ul li {float:left; display:inline-block; margin-right:25px;}
.resultsTop ul li:last-child {margin-right:0px;}
.resultsTop ul li a {font-weight:700; font-size:18px; text-shadow: 1px 1px 0 rgba(0,0,0,0.50); color:#fff; padding-bottom:7px; border-bottom:4px solid transparent; float:left; display:inline-block}
.resultsTop ul li.active a {border-color:#FFC526}


@media (min-width:1200px) {
.container {width:1190px;}
.modal {
    text-align: center;
    padding: 0!important;
}
.modal-backdrop {
    height: 100% !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
}

@media (max-width:1200px) {
.prizeColBox {padding-right:20px}
}

@media (max-width:992px) {
.freeBetTopAll {padding-top:30px; padding-bottom:80px;}
.freeBetTop ul li.title {font-size:30px; line-height:40px}
.freeBetTop ul li.desc {margin-bottom:15px;}
}

@media (max-width:768px) {
.freeBetTopAll {padding-top:60px; padding-bottom:20px;}
.newModal {
    margin-top: 0 !important;
}
.matchBox ul.mul1 {display:none;}
.matchBox ul.mul2>li.date {width:100%}
.matchBox ul.mul2>li.name {width:100%; text-align:center;}
.matchBox ul.mul2>li.choice {width:100%}
.termBox {padding:20px}
.termBox ul li {font-size:15px; line-height:25px}
.container {overflow-x:hidden}
.newModal .modal-dialog {width:90%; margin:0 auto; margin-top:100px}
.newModal {padding-right:0px!important}
.newModalBox .newClose {right:0; top:-40px}
.resultsTitle ul li {width:100%!important}
.resultsTitle ul li.icon {width:58px!important; border-bottom:1px solid #272727}
.resultsTitle ul li.date {border-bottom:1px solid #272727}
.resultsTop ul {border-top:1px solid #3e3d3d; border-left:1px solid #3e3d3d}
.resultsTop ul li {width:50%; margin:0px; border-right:1px solid #3e3d3d; border-bottom:1px solid #3e3d3d}
.resultsTop ul li a {width:100%; text-align:center; line-height:40px; font-size: 16px;}
.resultsTop ul li:last-child {margin-right:0; margin-bottom: -5px; width: 100%}

}

@media (max-width:500px) {
.freeBetTop ul li {text-align:center;}
.freeBetTop ul li.link span {margin-left:10px; margin-right:10px; margin-bottom:10px}
.resultsTitle ul li.name {font-size:15px; padding:10px; text-align:center;}
.resultsTitle ul li.name .infoButton {width:100%; margin:0px; text-align:center; margin-top:10px;}
}

/* other reset */

.container {padding-left:10px; padding-right:10px;}
.row {margin-left:-10px; margin-right:-10px;}
[class*="col-"] { padding-left:10px; padding-right:10px}

/* other reset */
::-webkit-input-placeholder { color:inherit}
::-moz-placeholder { color:inherit } /* firefox 19+ */
:-ms-input-placeholder { color:inherit } /* ie */
input:-moz-placeholder { color:inherit }


a:focus,
select:focus,
			textarea:focus,
input[type="text"]:focus,
input[type="submit"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color:inherit;
  box-shadow:inset;
  outline: 0 none;
  text-decoration:none;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
/* other reset */

.windows8 {
    position: relative;
    width: 78px;
    height:78px;
    margin:auto;
}

.windows8 .wBall {
    position: absolute;
    width: 74px;
    height: 74px;
    opacity: 0;
    transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    animation: orbit 6.96s infinite;
    -o-animation: orbit 6.96s infinite;
    -ms-animation: orbit 6.96s infinite;
    -webkit-animation: orbit 6.96s infinite;
    -moz-animation: orbit 6.96s infinite;
}

.windows8 .wBall .wInnerBall{
    position: absolute;
    width: 10px;
    height: 10px;
    background: rgb(255,255,255);
    left:0px;
    top:0px;
    border-radius: 10px;
}

.windows8 #wBall_1 {
    animation-delay: 1.52s;
    -o-animation-delay: 1.52s;
    -ms-animation-delay: 1.52s;
    -webkit-animation-delay: 1.52s;
    -moz-animation-delay: 1.52s;
}

.windows8 #wBall_2 {
    animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}

.windows8 #wBall_3 {
    animation-delay: 0.61s;
    -o-animation-delay: 0.61s;
    -ms-animation-delay: 0.61s;
    -webkit-animation-delay: 0.61s;
    -moz-animation-delay: 0.61s;
}

.windows8 #wBall_4 {
    animation-delay: 0.91s;
    -o-animation-delay: 0.91s;
    -ms-animation-delay: 0.91s;
    -webkit-animation-delay: 0.91s;
    -moz-animation-delay: 0.91s;
}

.windows8 #wBall_5 {
    animation-delay: 1.22s;
    -o-animation-delay: 1.22s;
    -ms-animation-delay: 1.22s;
    -webkit-animation-delay: 1.22s;
    -moz-animation-delay: 1.22s;
}



@keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin:0%;
    }

    30% {
        opacity: 1;
        transform:rotate(410deg);
        animation-timing-function: ease-in-out;
        origin:7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin:30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin:39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin:70%;
    }

    76% {
        opacity: 0;
        transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin:0%;
    }

    30% {
        opacity: 1;
        -o-transform:rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin:7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin:30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin:39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin:70%;
    }

    76% {
        opacity: 0;
        -o-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin:0%;
    }

    30% {
        opacity: 1;
        -ms-transform:rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin:7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin:30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:70%;
    }

    76% {
        opacity: 0;
        -ms-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:0%;
    }

    30% {
        opacity: 1;
        -webkit-transform:rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin:7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:70%;
    }

    76% {
        opacity: 0;
        -webkit-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin:0%;
    }

    30% {
        opacity: 1;
        -moz-transform:rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin:7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin:30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:70%;
    }

    76% {
        opacity: 0;
        -moz-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}

.loading {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.loading p {
    margin-top: 20px;
    font-weight: bold;
    color: #fff;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.width50 {
    width: 50% !important;
}

.clearfix {
    clear: both;}


.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.newModal .loading {
    width: 300px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}
.newModal .loading .wInnerBall{
    background: rgb(0, 0, 0) !important;
}

.newModal .loading p {
    color: #000 !important;
    margin-bottom: -20px !important;
}