@charset "utf-8";

.d-none { display:none }
.lotto-wrapper { text-align:center; }
#lotto-header { background-color:#fff; z-index:1000; /*border:1px solid #0B1D5F;*/ }
#lotto-header .payinfo {overflow:hidden; position:relative; top:0; left:0; right:0; z-index:20; padding:15px 20px; background-color:#4375c2; text-align:left; }
#lotto-header .payinfo .logo{display:inline-block;font-size:1rem !important;}
#lotto-header .payinfo .logo img{height:42px;}
#lotto-header .payinfo .header-info{display:inline-block;float:right; }
#lotto-header .payinfo .header-info .header-text{ float:left; margin:10px 15px 0 0; font-size:.875rem !important; }
#lotto-header .payinfo .header-info select {display:inline-block; float:right; min-width:156px; height:42px; padding:0 47px 2px 12px; -webkit-padding-end:47px;-moz-padding-end:47px; border:1px solid #545454; color:#fff; background:url('./img/select_bg.png') no-repeat right top; font-size:14px; line-height:40px; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:textfield;}
#lotto-header .payinfo .header-info select::-ms-expand{display:none;}
#lotto-header .payinfo .header-info option{color:#333; line-height:40px;}
#lotto-header .payinfo .cash-info {float:right; color:#fff; margin-top:18px}
#lotto-header .payinfo .cash-info .order-info-date {line-height:21px; height:21px; }
#lotto-header .order { text-align:left; padding:15px 0 10px 0; }
#lotto-header .order .noti { margin-bottom:20px; line-height:200%; border-bottom:1px solid #e5e5e5; }
#lotto-header .order h4 { font-size:0.9rem; padding-left:5px; border-bottom:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:20px;overflow:hidden}
#lotto-header .order h4 span { float:left; padding-left:5px; }
#lotto-header .order .order-date { float:right; margin-right:15px}
.header-btn{height:36px; padding:0; border-top-width:0; background-color:#fff; margin-top:0;}
.header-btn .buy-btn{float:right; width:100%; height:46px; border-color: #d1244f; background-color:#ff4121; line-height:34px; border:1px solid transparent; color:#fff; font-size:14px; font-weight:400; text-align:center;}
.header-btn .result-btn{float:right; width:100%; height:36px; border:1px solid #e5e5e5 !important; background-color:#fff; line-height:34px; border:1px solid transparent; color:#333; font-size:14px; font-weight:400; text-align:center;}

.white{background-color:#e5e8ef;}
.red{background-color:#f7dbe7;}
.blue{background-color:#e5e8ef;}
.blue:hover{background-color:#4579df;}
.pink{background-color:#f7dbe7;}
.pink:hover{background-color:#ea5cb0;}

.price{height:65px; padding:10px 15px; /* border-left:1px solid #0B1D5F; border-right:1px solid #0B1D5F; */ border-top-width:0; background-color:#fff;text-align:left;}
.price_text{ font-size:16px; color:#333; clear:both; padding-top:20px}
.price_text span{float:right; }
.price_text span em{font-size:22px; font-weight:600; font-style:normal; line-height:22px;}

.btn_list{overflow:hidden; padding-top:10px; }
.btn_item{float:right; width:32%; height:36px; line-height:34px; border:1px solid transparent; border-radius:4px; color:#fff; font-size:14px; font-weight:400; text-align:center;}
.btn_item + .btn_item{margin-right:2%;}
.btn_item.manual,
.btn_item.auto{border-color:#4375c2; background-color:transparent; color:#343953;}
.btn_item.manual.active,
.btn_item.auto.active{border-color:#4375c2; background-color:#4375c2; color:#fff;}
.btn_item.cancel{border-color: #4375c2; background-color:#4c70d9;}

.choice_num{display:inline-block; float:right; margin-top:-3px; margin-right:8px;}
.choice_num span{display:inline-block; width:30px; height:30px; font-size:13px; font-weight:500; line-height:30px; text-align:center; border-radius:50%; background:#4579df; color:#fff; vertical-align:top;}
.choice_num span + span{margin-left:2px;}
.choice_num span.bonus{background-color:#ea5cb0;}

.text{margin:20px auto 0 auto; text-align:center;}
.text p{font-size:15px; font-weight:400; line-height:30px;}
.text p span{display:inline-block; width:20px; height:20px; margin:5px 3px 25px 5px; border-radius:50%; vertical-align:top;}

#originalPage { display:none; }

#lottoArea{display:inline-block; width:1100px; margin:15px auto 0 auto; position:relative;}

#lottoArea .lottoPage{/*background:#ffffff; float:left; margin:0px 20px 40px 0px; width:calc(33.33% - 14px); padding:10px; border:solid 1px #dcdcdc;*/}
#lottoArea .lottoPage{background:#ffffff; float:left; margin:0px 10px 40px 10px; min-width:300px; max-width:350px; padding:10px; border:solid 1px #dcdcdc;text-align:left;}
#lottoArea .lottoPage:after{display:block; clear:both; content:"";}
#lottoArea .lottoPage:nth-child(3n){margin-right:0px;}
#lottoArea .lottoPage .lottoNum{display:block; overflow:hidden; position:relative;}
#lottoArea .lottoPage .lottoNum + .lottoNum{margin-top:5px; padding-top:10px; padding-bottom:5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#lottoArea .lottoPage .lottoCount{height:46px;font-size:16px; letter-spacing:1px; margin-bottom:10px; padding-top:5px; padding-bottom:15px; border-bottom:solid 2px #e8e8e8; font-weight:700;}
#lottoArea .lottoPage .lottoCount .selectNumber{font-weight:700; font-size:14px; padding-left:20px; color:#a4a4a4;}
#lottoArea .lottoPage .lottoCount .lottoTitle{ height:24px; }
#lottoArea .lottoPage .saveLotto{float:none; width:auto; background:#434a54; color:#ffffff; border:none;}
#lottoArea .lottoPage .resetLotto{width:auto; background:#434a54; color:#ffffff; border:none;}
#lottoArea .lottoPage .lottoFunc{margin-top:10px;}
#lottoArea .lottoPage .lottoFunc{margin-top:10px;}

#lottoArea .number{display:block; position:relative; color:#333; float:left; width:calc(12.5% - 6px); margin:0px 3px 6px 3px; line-height:34px; vertical-align:top; text-align:center; cursor: pointer;}
#lottoArea .number:after{display:block; clear:both; content:"";}
#lottoArea .number.last{position:absolute; bottom:0; right:0;}
#lottoArea .number:before{display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:34px; height:34px; margin:auto; border-radius:50%;}
#lottoArea .number span{position:relative; z-index:1;}
#lottoArea .number.select span{color:#fff;}

#lottoArea .lottoPage .lottoNum.num1 .number:before{content:'';background-color:#e5e8ef;}
#lottoArea .lottoPage .lottoNum.num1 .number.select:before{content:'';background-color:#4579df;}
#lottoArea .lottoPage .lottoNum.num2 .number:before{content:'';background-color:#f7dbe7;}
#lottoArea .lottoPage .lottoNum.num2 .number.select:before{content:'';background-color:#ea5cb0;}

.number-box { width:100%; margin-bottom:20px; padding-bottom:10px; clear:both; border-bottom:0px solid #e5e5e5; overflow:hidden}
ul.number-print {display:inline-block; float:left; border:2px solid #dcdcdc; margin: 0px 10px 10px 0; padding:10px; }
ul.number-print::after { content: ''; display: table; clear: both }
ul.number-print:last-child { /* margin:0 auto 0 auto; */}
ul.number-print li {float:left;display:inline-block;text-align:center; width:30px;height:30px;line-height:30px;margin:3px 2px;font-weight:bold;font-size:14px;letter-spacing:-0.6x;border:none;}
ul.number-print .main-number {background-color:#0a60c2;color:#fff;border-radius:50%;font-family: 'notokr','SCDream', sans-serif;}
ul.number-print .bonus-number {width:auto}
ul.number-print .bonus-number span { display:inline-block; width:30px; height:30px; background-color:#ff0000;color:#fff;border-radius:50%;font-family: 'notokr','SCDream', sans-serif;}
ul.number-print .bonus-number::before { content:"+"; font-weight:bold; position:relative; margin-right:4px}

ul.draw-box li { width:calc((100% - 30px)/4); display:inline-block; float:left; border:1px solid #dcdcdc; margin: 0px 10px 10px 0; padding:10px; }
ul.draw-box li:last-child { margin-right:0 }

@media all and (max-width:1200px){
    #lottoArea { width:742px; }
    ul.draw-box li { width:calc((100% - 20px)/2);
    ul.draw-box li:nth-child(even) { margin-right:0 }
}


@media all and (max-width:992px){
    #lottoArea { width: 330px; }
    #lottoArea .lottoPage { margin: 0 0 40px 0; }
}

@media all and (max-width:768px){
    #lotto-header .order .order-date { float:left; margin-left:10px}
}

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

.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    width: 350px;
    margin: 40px auto;
    position: relative;
}



.c3-header {
  background-color: #111640;
  margin:0;
  padding:0;
  width:100%;
  height: 80px;
  text-align: center;
  border-bottom: #dddddd 1px solid;
  position:absolute;
  top: 0;
  left: 0;
  z-index: 1045;
}
.c3-header > .c3-logo {
  padding-top: 22px;
  box-sizing: border-box;
}
.c3-header > .c3-logo > img {
  max-width: 166px;
}
.c3-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height:100%;
  padding:80px 0 0 0;
  background-color: #ㄹㄹㄹ;
  border-radius: 7px;
}
.c3-content > .contant-wrapper {
  margin: 0 20px 20px 20px;
}
.contant-wrapper .popup-row {
  margin: 0 0 10px 0;
}

.contant-wrapper .c3-money-wrapper {
  height: 60px;
  padding-top: 10px;
}
.contant-wrapper .c3-money-tag {
  line-height: 30px;
}
.contant-wrapper .c3-money {
  float: right;
  font-size: 30px;
  font-weight: 600;
}
.contant-wrapper .c3-money-tag-wrapper {
  display: inline-block;
}

.contant-wrapper .c3-product-tag {
  color: #4579df;
  font-size: 16px;
  margin-top: -5px;
}
.c3-input {
  width: 100%;
  border-radius: 3px;
  border: 1px #eee solid;
  margin: 5px 0 0 0;
  height: 35px;
  font-size: 13px;
  padding: 7px 10px;
  box-sizing: border-box;
}
.c3-tag {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  display: block;
}

/* .c3-input.c3-input-card {
  padding-right: 50px;
} */
#c3-btn-close {
  width: 19px;
  height: 19px;
  right: 10px;
  top: 10px;
  position: fixed;
  cursor: pointer;
  background: url(./img/close-btn.png) no-repeat  95% 50%;
}
.c3-left-containner {
  width:50%;
  box-sizing: border-box;
  display: table-cell;
}
.c3-right-containner {
  width:50%;
  box-sizing: border-box;
  display: table-cell;
}
.c3-input.c3-input-expiry, .c3-input.c3-input-authPw, .c3-select-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c3-input.c3-input-installment, .c3-select-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c3-error-input {
  border-color: rgba(229, 103, 23, 0.8);
  box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 1px rgba(229, 103, 23, 0.6);
  outline: 0 none;
}

.c3-input-card {
  font-size: 16px;
  letter-spacing: 2px;
}
.c3-authPw { display: table; }
.c3-input.c3-input-authPw {
  width:50px;
  font-size: 21px;
}
.c3-authPw .c3-span-authPw {
  width:50px;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  background-color: #f5f5f7;
  box-sizing: border-box;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .c3-input.c3-input-authPw, .c3-authPw .c3-span-authPw {
    font-size: 15px;
  }
  .c3-authPw .c3-span-authPw {
    margin-left:-5px;
  }
}

@supports (-ms-ime-align:auto) {
  .c3-input.c3-input-authPw, .c3-authPw .c3-span-authPw {
    font-size: 14px;
  }
  .c3-authPw .c3-span-authPw {
    margin-left:-5px;
    padding: 17px 3px;
  }
}

/* start da css for da buttons */
.c3-btn {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  background-color: #111640;
  font-size: 14px;
  font-weight: 700;
  text-shadow: none;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  text-decoration-line: none;
  text-decoration: none;
  box-shadow: none;
  border: 0;
}

.btn-disable, .btn-disable:hover {
  background-color: #8f8f8f;
  box-shadow: 0 5px 0 0 rgb(99, 99, 99);
  cursor:not-allowed;
}
.seprator {height: 1px;border-top: 1px dotted #eee;margin-top: 15px;margin-bottom: 15px;}


.spinner {
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}

/* SELECT */
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display: none; }

select {
  width: 100%;
  min-width: 75px;
  border-radius: 3px;
  border: 1px #eee solid;
  margin: 3px 0 0 0;
  height: 33px;
  font-size: 13px;
  padding: 3px 10px;
  box-sizing: border-box;
  background: url(../img/arrow-down.png) no-repeat 95% 50% !important; /* 네이티브 화살표 대체 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  background-color: white;
}



.c3-expiry-year, .c3-expiry-month {
  padding: 0;
  box-sizing: border-box;
  width:50%;
  display: table-cell;
}

/* layer popup */
.sa-success-content { display:table; font-size: 13px; width: 100%; padding: 5px 55px; box-sizing: border-box; }
.sa-cell {display:table-cell; }
.sa-cell:first-child {text-align: left; }
.sa-cell:last-child {text-align: right; }

#c3-loading {
  background-color: #f5f5f7;
  border-width: 0;
  border-radius: 7px;
  text-align: center;
  position: fixed;
  overflow: hidden;
  display: none;
  z-index: 2060;
  left: 0;
  top: 101px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin-top: -101px;
}

#c3-loading.no-background {
  background-color: transparent;
}

.sweet-alert {
  background-color: #f5f5f7;
  border-width: 0;
  border-radius: 7px;
  text-align: center;
  position: fixed;
  overflow: hidden;
  display: none;
  z-index: 1060;
  left: 0;
  top: 101px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin-top: -101px;
  padding-top: 150px;
}

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid #ddd;
  border-radius: 50%;
  margin: 10px auto 20px auto;
  padding: 0;
  position: relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.sweet-alert .sa-icon.sa-success:before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sweet-alert .sa-icon.sa-success:before, .sweet-alert .sa-icon.sa-success:after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background-color: #f5f5f7;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  -o-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}
.sweet-alert .sa-icon.sa-success:after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 60px;
  -moz-transform-origin: 0 60px;
  -ms-transform-origin: 0 60px;
  transform-origin: 0 60px;
}

.sweet-alert .sa-icon.sa-success:before, .sweet-alert .sa-icon.sa-success:after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background-color: #f5f5f7;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success {
  border-color: transparent;
}


.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}



.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #4CAF50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg);
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(76, 175, 80, 0.2);
  border-radius: 50%;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #f5f5f7;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #4CAF50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  -o-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  -o-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

.sweet-alert .sa-icon.sa-error {
  border-color: #F44336;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  -o-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  left: 17px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #F44336;
  display: block;
  top: 37px;
  border-radius: 2px;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg);
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  right: 16px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  -o-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  -o-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}
@keyframes animateXMark {
  0% {
    margin-top: 26px;
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  50% {
    margin-top: 26px;
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
    filter: alpha(opacity=0);
  }
  80% {
    margin-top: -6px;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.mfp-close { color:#fff !important; }
.loading { position:absolute; top:295px; left:145px; }