@font-face {
    font-family: 'Campton-ExtraLight';
    src: url(/fonts/Campton/Campton-ExtraLight.woff2) format('woff2'), url(/fonts/Campton/Campton-ExtraLight.woff) format('woff'), url(/fonts/Campton/Campton-ExtraLight.ttf) format('truetype');
}
@font-face {
    font-family: 'Campton-Light';
    src: url(/fonts/Campton/Campton-Light.woff2) format('woff2'), url(/fonts/Campton/Campton-Light.woff) format('woff'), url(/fonts/Campton/Campton-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'Campton-Medium';
    src: url(/fonts/Campton/Campton-Medium.woff2) format('woff2'), url(/fonts/Campton/Campton-Medium.woff) format('woff'), url(/fonts/Campton/Campton-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'Campton-ExtraBold';
    src: url(/fonts/Campton/Campton-ExtraBold.woff2) format('woff2'), url(/fonts/Campton/Campton-ExtraBold.woff) format('woff'), url(/fonts/Campton/Campton-ExtraBold.ttf) format('truetype');
}
@font-face {
    font-family: "damion";
    src: url('/fonts/Damion.eot'); /* IE9 Compat Modes */
    src: url('/fonts/Damion.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/Damion.woff') format('woff'), /* Pretty Modern Browsers */
         url('/fonts/Damion.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/fonts/Damion.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Fredoka One';
    src: url('/fonts/FredokaOne-Regular.woff2') format('woff2'),
        url('/fonts/FredokaOne-Regular.woff') format('woff'),
        url('/fonts/FredokaOne-Regular.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

.main-landing{
  font-family: 'Campton-Light';
}
.header-mobile__logo {
    margin-left: 10px;
    text-align: left;
  }
  .main-landing {
    margin-bottom: 10em;
}
.main-landing section.banner {
  font-family: 'Campton-Light';
  height: calc(100vh);
  width: 100%;
  background-image: url(https://storage.googleapis.com/cdn-v1/page/e-voucher/asset/D_logo.png),url(https://storage.googleapis.com/cdn-v1/page/e-voucher/MPWR_LP_Header%20Desktop.jpg);
  background-size: 32%, cover;
  background-repeat: no-repeat;
  background-position: top 45% left 15% ,top 0 center;
  position: relative;
  z-index: -1;
}
.main-landing strong {
    font-family: 'Campton-Medium'}
.main-landing section.banner ul.timetable {
    margin: 0;
    padding: 0;
    z-index: 999999;
    position: absolute;
    bottom: 0;
    width: 100%}
.main-landing section.banner ul.timetable li {
    list-style: none;
    display: inline-block;
    vertical-align: bottom;
    width: 50%;
    padding: 10px 20px;
    height: 72px;
    font-size: 2em;
    padding-right: 2em;
}
.main-landing section.banner ul.timetable li.quota {
    text-align: right;
    background: #C69C6C;
    color: #fff;
    width: 50%;
}
.main-landing section.banner ul.timetable li.timelimit {
    background-color:#F1DAB1;
    color: #fff;
    width: 50%;
}
.main-landing section.banner ul.timetable li p {
    margin: 0;
    line-height: 2.2em;
    font-family: 'Fredoka One';
    color: #084f65;
    padding-left: 1em;
}
.main-landing section.banner ul.timetable li.timelimit small {
    font-family: 'Campton-ExtraLight';
    vertical-align: top;
    color: #fff;
    font-size:70%;
}
.main-landing section.banner ul.timetable li.timelimit span {
    font-family: 'Campton-Medium'}
.main-landing section.banner ul.timetable li.timelimit span.timeBox {
    font-size: 2em;
    font-family: 'Campton-Medium';
    vertical-align: super;
    color: #14B3BB;
}
.main-landing section.banner ul.timetable li.timelimit .btn-remindme {
    vertical-align: top;
    color: #fff;
    background-color: #10b5b9;
    padding: 10px 30px 10px;
    border-radius: 30px;
    top: -3px;
    cursor: pointer;
    position: relative;
    margin-left: 15x;
    font-size: .7em;
}
.main-landing section.banner ul.timetable li.timelimit span.timeBox span {
    padding: 0 8px;
}
.main-landing section.promo-item {
    padding: 5em 0 5em;
}
.main-landing section.promo-item h1 {
    text-align: center;
    padding-bottom: 1em;
    font-family: 'damion'}
.main-landing section.promo-item .col-md-3, .main-landing section.promo-item .col-xs-6 {
    padding-left: 5px;
    padding-right: 5px;
}
.main-landing section.promo-item .box-item {
    margin-bottom: 30px;
    position: relative;
    border-bottom: 2px solid #e5a13e;
    padding-bottom: 2px;
}
.main-landing section.promo-item .box-item span.countLeft {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 2.5em;
    color: #fff;
    background: rgba(239, 169, 47, .75);
    text-align: center;
    border-radius: 100%;
    padding: 0;
    height: 75px;
    width: 75px;
    padding: 3px;
    font-family: 'Campton-ExtraBold'}
.main-landing section.promo-item .box-item span.countLeft small {
    display: block;
    line-height: 3px;
    font-family: 'Campton-Light';
    font-size: 60%}
.main-landing section.promo-item .box-item .action-item ul {
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 5px;
}
.main-landing section.promo-item .box-item .action-item ul li {
    list-style: none;
    display: inline-block;
}
.main-landing section.promo-item .box-item .action-item ul li.price {
    font-size: 1.75em;
}
.main-landing section.promo-item .box-item .action-item ul li.price .coret {
    text-decoration: line-through;
    font-family: 'Campton-Light'}
.main-landing section.promo-item .box-item .action-item ul li.price small {
    font-size: 70%;
    position: relative;
    top: -5px;
    padding-right: 5px;
}
.main-landing section.promo-item .box-item .action-item ul li.price .new {
    color: #e2ab46;
    font-family: 'Campton-Medium';
    line-height: 15px;
}
.main-landing section.promo-item .box-item .action-item ul li.booking a {
    position: absolute;
    top: 27%;
    right: 0;
    padding: 5px 15px;
    background: #31d6d2;
    text-decoration: none;
    color: #fff;
    border-radius: 15px;
}
.main-landing section.button-action a {
    text-decoration: none;
}
.main-landing section.button-action a img {
    height: 40px;
}
.main-landing section.button-action .btn-footer {
    background: #30d6d2;
    width: 78%;
    border-radius: 50px;
    font-size: 1.75em;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    font-family: 'Campton-Medium'}
.main-landing section.button-action .btn-footer span {
    position: relative;
    top: 4px;
}.modal-content {
  padding:0px;
}
.mremind {
    padding: 10%;
    padding-top: 5rem;
    background-color: #ecedf0;
}.mremind .imgHeader{
    margin-bottom: 0px;
    position: relative;
}.mremind .imgHeader img{
  /* position: absolute; */
  width: 100%;
  margin: 0 auto;
}
.mremind h3.title-remind {
    font-family: Campton-Medium;
    font-size: 2.5em;
    padding: .5em 0;
}
#form-remind {
    font-family: Campton-Medium;
}
.cmodal {
    background: url(https://storage.googleapis.com/cdn-v1/promo/extra-big-deal/ASSET/button%20close%20popup%20mobile.png) no-repeat;
    background-size: 35px;
    margin-top: 5px;
    margin-right: 5px;
    width: 35px;
    height: 35px;
}
.mremind input, .mremind select {
    border-radius: 10px;
    height: 40px;
    margin-bottom: -5px;
}
.muntil {
    margin-top: 30px;
    margin-bottom: 25px;
    color: #d1cfd3;
}
.btn-subff {
    font-weight: 900;
    background-color: #14B3B9;
    margin-top: 20px;
    border-radius: 10px;
    width: 80%;
}
.sub-ffmodal {
    border-bottom-left-radius: 5px;
    text-align: center;
    color: #fff;
    border-bottom-right-radius: 5px;
}
::-webkit-input-placeholder {
    color: #000!important;
}
::-moz-placeholder {
    color: #000!important;
}
:-ms-input-placeholder {
    color: #000!important;
}
:-moz-placeholder {
    color: #000!important;
}
.main-landing .stickyWA {
    display: none;
}
.damion{
  font-family: "damion";
}
h1.damion{
  font-size: 4vw;
  margin: 0 0 40px;
}
.box-hero{
  position:relative;
  padding-bottom:50px;
}.box-hero .gallery{
  position:absolute;
  right: 15px;
  top: 15px;
  height: 110px;
}.box-hero .limited{
  position:absolute;
  bottom:0;
}.box-hero .limited {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 100%;
  background: #204E63;
  line-height: 56px;
}.box-hero .limited .progresss{
  background: #46E1EB;
  height: 100%;
  z-index: 1;
  position: inherit;
}.box-hero .limited .text-count{
  color: #fff;
  text-align: center;
  z-index: 2;
  position: relative;
  font-family:'Campton-Medium';
  font-size: 28px;
}.no-padding {
  padding:0;
}
.col-container {
    display: table;
    width: 100%;
}
.col {
    display: table-cell;
    padding: 16px;
}
.col-img-list{
  width:60%;
}.col-img-price{
  width:40%;
  height:100%;
  vertical-align:middle;
}.fr-btn-book{

}
.button-action{
  background: #efefef;
  padding-bottom:5em;
}.main-landing {
    margin-bottom: 0;
}
#frametastic-live, #frametastic-available{
  padding: 4em 0 6em;
  background: #efefef;
}.main-landing section.banner ul.timetable.fixed{
  position: fixed;
  top: 60px;
  height: fit-content;
}.boxPrice{
  margin-top:15px;
}.boxPrice .basePrice{
  text-decoration: line-through;
  font-size: 22px;

  font-weight: bold;
  text-decoration-line: line-through;

}.boxPrice .promoPrice{
  font-family:'Campton-ExtraBold';
  font-size: 24px;
}.boxPrice .btn-submit{
  background: #00CDB4;
  color: #fff;
  width: 95%;
  border-radius: 40px;
  margin-top: 12px;
  font-size: 18px;
  padding: 10px 0 6px;
  float: right;
  font-family: 'Campton-Medium';
}.light{
  font-family: 'Campton-ExtraLight' !important;
}
#frametastic-next{
  padding: 4em 0 6em;
  background: #e2eeee;
}#frametastic-next h1{
  color:#08ceb5;
}#frametastic-next .box-hero, #frametastic-available .box-hero{
  padding-bottom:0;
}#frametastic-available hr{
  margin-top: 5px;
  margin-bottom: 20px;
  border: 0;
  border-top: 3px solid #47e1eb;
}.boxPrice .btn-submit.btn-remindme{
  background: #47e1eb;
}#frametastic-available h2{
  font-family: "damion";
  font-size: 3vw;
  color: #08ceb5;
}#frametastic-available .available-continent{
  margin-bottom:3em;
}#frametastic-available .btn-footer{
  display: inherit;
  background: #09d260;
  color: #fff;
  padding: 10px 50px 10px 20px;
  border-radius: 30px;

  font-family: 'Campton-Medium';
}#frametastic-available .looking{
  font-size: 20px;
  text-align:center;
  margin-top:2em;
}#frametastic-available .looking img{
  height:30px;
  margin-left: 20px;
}.content-sm {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-md {
  /* padding-top: 80px;
  padding-bottom: 80px; */
}

.box-voucher{
  margin-bottom: 4vw;
}.box-voucher img{
  border-top-left-radius: 5px;
  border-top-right-radius:5px;
}.text-center{
  text-align: center;
}.box-voucher .btn{
  font-family: 'Campton-Medium';
  color: #fff;
  background-color: #FDC300;
  padding: 1rem 0;
  width: 100%;
  border-top-left-radius: 0px;
  border-top-right-radius:0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius:5px;
  font-size: 1.75rem;
}.box-voucher .btn:hover, .box-voucher .btn:active{
  background-color: #000;
}

.margin-b-40 {
    margin-bottom: 40px !important;
}

@media (max-width: 992px) {
  .md-margin-b-30 {
    margin-bottom: 30px !important;
  }
}


/*--------------------------------------------------
    [Radius]
----------------------------------------------------*/

.radius-3 {
  border-radius: 3px !important;
}

.radius-10 {
  border-radius: 10px !important;
}


/*--------------------------------------------------
    [Colors]
----------------------------------------------------*/

.bg-color-sky-light {
  background: #f7f8fa !important;
  height: 100vh;
  vertical-align: middle;
  display: table-cell;
  /* vertical-align: middle; */
  /* margin: 0 auto; */
  width: 100vw;
  /* text-align: center; */
}


/*--------------------------------------------------
    [Button]
----------------------------------------------------*/

.btn-dark-brd {
  position: relative;
  display: inline-block;
  line-height: 1.4;
  color: #34343c;
  text-align: center;
  background: transparent;
  background-image: none;
  border-width: 1px;
  border-style: solid;
  border-color: #34343c;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn-dark-brd:focus, .btn-dark-brd:active:focus, .btn-dark-brd.active:focus, .btn-dark-brd.focus, .btn-dark-brd:active.focus, .btn-dark-brd.active.focus {
  outline: none;
}

.btn-dark-brd:hover {
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.btn-dark-brd:hover, .btn-dark-brd:focus, .btn-dark-brd.focus {
  color: #fff;
  background: #34343c;
  border-color: #34343c;
  text-decoration: none;
}

.btn-dark-brd:after, .btn-dark-brd:before {
  background: transparent;
}

.btn-dark-brd:active, .btn-dark-brd.active {
  background-image: none;
  outline: 0;
}

.btn-dark-brd.disabled, .btn-dark-brd[disabled],
fieldset[disabled] .btn-dark-brd {
  cursor: not-allowed;
  box-shadow: none;
  opacity: .65;
  pointer-events: none;
}

.btn-dark-brd .btn-base-element-xs {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border-left: 1px solid #2b2b31;
  padding: 6px 9px;
}

.btn-dark-brd .btn-base-element-sm {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border-left: 1px solid #2b2b31;
  padding: 9px 11px;
}

.btn-dark-brd .btn-base-element-md {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border-left: 1px solid #2b2b31;
  padding: 12px 13px;
}

.btn-dark-brd .btn-base-element-lg {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border-left: 1px solid #2b2b31;
  padding: 15px 15px;
}

.btn-base-sm {
  font-size: 14px;
  font-weight: 300;
  padding: 9px 22px;
}


/*--------------------------------------------------
    [Pricing List v4]
----------------------------------------------------*/
.pricing-list-v4 {
  text-align: center;
  background: #fff;
  box-shadow: 15px 15px 15px 0 #eff1f8;
}

.pricing-list-v4 .pricing-list-v4-header {
  margin: 0px 15px;
}

.pricing-list-v4 .pricing-list-v4-header .pricing-list-v4-title, .countPhotos h4 {
  font-size: 4em;
  margin-bottom: 0;
  font-family: 'Campton-Medium';
  margin-top: 20px;
}

.pricing-list-v4 .pricing-list-v4-header .pricing-list-v4-subtitle, .countPhotos .pricing-list-v4-subtitle {
  display: block;
  font-size: 22px;
  font-weight: 300;
}

.pricing-list-v4 .pricing-list-v4-content {
  padding: 15px 20px;
}.oneHourPrice, .twoHourPrice, .saveValue, .editedphotos{
  font-family: 'Campton-Medium';
  font-size: 32px;
}.saveIDR h4{
  font-size: 4em;
  color: #00d4b5;
  margin-top: -15px;
}.saveLine{
  margin: 0;
  -webkit-transform: translateY(-5px) translateX(50px) rotate(-4deg);
  position: absolute;
  width: 100%;
  border: 1px solid #00d4b5;
  width: 200px;
  margin: 0 auto;
  text-align: center;
}

.pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-price-sign {
  position: relative;
  top: -30px;
  font-size: 20px;
}

.pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-price {
  font-size: 70px;
  font-weight: 400;
  line-height: .5;
  letter-spacing: -3px;
}

.pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-subprice {
  font-size: 30px;
  font-weight: 400;
}

.pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-price-info {
  position: relative;
  display: block;
  letter-spacing: 1px;
}
.videoPopup{
  cursor:pointer;
}
.pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-price-info:before {
  font-size: 22px;
  font-weight: 300;
  content: "/";
  margin-right: 3px;
}.HEADrecomend{
  height: 30px;
  color: #fff;
  background: #00D0B6;
  font-size: 14px;
  line-height: 32px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-bottom: 10px;
}.HEADoneHour{
  height: 10px;
  background: #47E0EB;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}.saveIDR{
  padding-bottom: 20px;
}.fr-book-one-hour{
  border: 2px solid #47E0EB;
  border-radius: 30px;
  color: #47E0EB !important;
  font-family: 'Campton-Medium';
  font-size: 20px;
}.fr-book-two-hour{
  border: 2px solid #00d4b5;
  border-radius: 30px;
  color: #ffffff !important;
  font-family: 'Campton-Medium';
  background: #00d4b5;
  font-size: 20px;
}.saveTitle{
      padding-bottom: 60px;
}.saveTitle h4{
  font-size: 3em;
  display: inline-block;
padding: 0 10px;
}.saveTitle span{
  font-size: 22px;
}.mb-min-10{
  margin-bottom:-10px;
}
.overlays {
    height: 0vh;
    width: 100% !important;
    z-index: 999999999 !important;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(255, 255, 255);
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
.overlay-content {
    position: relative;
    /*top: 25%;  25% from the top */
    background : #f7f8fa !important;
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin: 0; /* 30px top margin to avoid conflict with the close button on smaller screens */
    height:100%;
}
.overlays a {
    padding: 8px;
    text-decoration: none;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}
.overlays a:hover, .overlays a:focus {
    color: #f1f1f1;
}
.overlays .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    z-index: 9;
    font-size: 60px;
}.zsiq_floatmain, .zsiq_custommain{
  z-index: 1 !important;
}.superImportant{
  z-index: 1 !important;
}
.wa-section{
  background-color: #60CE6D;
  color: #fff;
  padding: 3px 50px;
  width: fit-content;
  margin: 0 auto;
  margin-top: 50px;
  border-radius: 2px;
}.wa-section a{
  display:inline-block;
  color:#fff;
}.wa-section a img{
  height:30px;
  margin-left:15px;
}.stickyWA{
  display: none;
}#frametastic-payday{
  background-image: url(https://storage.googleapis.com/cdn-v1/promo/frameatrip-2018-2/v2/bg2.png), url(https://storage.googleapis.com/cdn-v1/promo/frameatrip-2018-2/v2/bg1.png);
  background-size: 25%, 44%;
  background-repeat: no-repeat;
  position: relative;
  background-position: bottom right, top left;
  background-color: #edf5ff;
}#frametastic-payday > .container{
  padding: 3em 0 4em;
}#frametastic-payday:before {

}#frametastic-payday .box-hero{

}#frametastic-payday h2{

}#frametastic-payday h3{
  line-height: 30px;
  font-size: 34px;
}.TWOdaysonly{

}.TWOdaysonly img{
  width: 60%;
  margin-bottom: 15px;
  margin-top: -25px;
  padding-bottom: 25px;
  margin-left: 25px;
}.TWOdaysonly .timelimit{
  margin-top: 2.5em;
  text-align: left;
  color: #5E8290;
}.TWOdaysonly .timelimit p{
    font-size: 2em;
}.TWOdaysonly .timelimit p small{
  position: relative;
  top: -.4em;
}.TWOdaysonly .timelimit .timeBox{
  font-size: 2em;
}.TWOdaysonly .timelimit .timeBox span{
  padding: 0 15px;
  color: #21B3BC;
  font-family: 'Campton-Medium';
}.TWOdaysonly h3, .TWOdaysonly h4{
  text-align: right;
  color: #fff;
  font-family: 'Campton-Light';
}.TWOdaysonly h4{
  font-size:24px;
  position:relative;
}.TWOdaysonly h4:after{
  border-bottom: 3px solid #79D9E9;
  content: " ";
  position: absolute;
  bottom: -10px;
  width: 30%;
  right: 0;
}.dekstopshow{
    display: block;
}.mobileshow{
    display: none;
}.CDpayday{
  padding-bottom:30px;
}.paydaySection{
  text-align:right;
}.paydaySection .timelimit{

}.paydaySection .timelimit small{
  display:block;
  font-size: 2em;
  color: #ff2d00;
}.paydaySection .timelimit .timeBox{

}.paydaySection .timelimit  ul.timeBox{
  margin:0;padding:0;
}.paydaySection .timelimit  ul.timeBox li{
  width: 2em;
  height: 2em;
  display: inline-block;
  list-style: none;
  font-size: 3em;
  border: 3px solid #ff2d00;
  line-height: 2em;
  text-align: center;
  color: #ff2d00;
  position: relative;
  margin: 0 5px;
  border-radius: 5px;
}.paydaySection .timelimit  ul.timeBox li > .ext{
  font-size: .3em;
    position: absolute;
    bottom: -15px;
    text-align: center;
    width: 90%;
    background: red;
    color: #fff;
    height: 30px;
    line-height: 2.8em;
    left: 5%;
    margin: 0 auto;
    text-align: center;
    font-family: 'Campton-Medium';
}.expired i {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 210, 180,.65);
    top: 0;
}.expired .soldout{
  position: absolute;
  top: 28%;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 2;
}.expired .soldout .text{
  font-size: 3em;
  font-family: 'Campton-ExtraBold';
}.expired .soldout .oldprice{
  text-decoration: line-through;
  font-size: 1.5em;
  font-weight: bold;
}.expired .soldout .promoprice{
  display: block;
  font-size: 2em;
  font-family: 'Campton-Medium';
}.interest{
  font-size: 1.6em;
  line-height: 3.05em;
  font-family: 'Campton-Medium';
}.box-hero .gallery{
  z-index: 3;
}.editedphotos span{
  font-size: 22px;
  display: block;
}.editedphotos{
  line-height: 30px;
  margin-top: 15px;
}.col-md-9 {
    width: 75%;
}h2.subClassTitle{
  text-align: center;
  font-family: 'Campton-ExtraBold';
  margin-top: 1.25em;
}h2.subClassTitle small{
  font-size: 80%;
  font-family: 'Campton-Medium';
  color: #000;
}.hourIMG{
  width:60%;
}.tnc{
  padding: 4em 0 6em;
}.tnc .title{
  font-size: 2em;
  font-family: 'Campton-ExtraBold';
  color: #074F65;
}
#harbolnas ul.headTitle{
  padding: 4em 0;
  margin: 0;
}#harbolnas ul.headTitle li{
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
}#harbolnas ul.headTitle li p{
    font-size: 1.3em;
}#harbolnas ul.headTitle li h4{
  font-size: 2em;
/* font-weight: bold; */
  font-family: 'Campton-ExtraBold';
}#harbolnas ul.headTitle li.logoHarbolnas{
    width: 20%;
}#harbolnas ul.headTitle li.logoHarbolnas img{
    width: 70%;
}#harbolnas ul.headTitle li.twoHourInfo{
  width: 48%;
  border-left: 4px solid #CCDCDF;
  padding-left: 4em;
  border-right: 4px solid #CCDCDF;
  margin-right: 4em;
}#harbolnas ul.headTitle li.twoHourInfo img{
  height: 80px;
  margin-bottom: 10px;
}#harbolnas ul.headTitle li.countDownHarbolnas{

}#harbolnas ul.headTitle li.countDownHarbolnas h4{
  font-family: 'Campton-Medium';
  margin-bottom: 0;
}#harbolnas ul.headTitle li.countDownHarbolnas .timeLimitHarbolnas{

}#harbolnas ul.headTitle li.countDownHarbolnas .timeLimitHarbolnas .timeBox{
  font-family: 'Campton-ExtraBold';
  font-size: 3em;
  color: #F3472C;
}#harbolnas ul.headTitle li.countDownHarbolnas .timeLimitHarbolnas .timeBox span{
  padding: 0 10px;
}#harbolnas ul.headTitle li.countDownHarbolnas .timeLimitHarbolnas .timeBox span:first-child{
  padding-left: 0;
}.harbolnasCities{
  padding-bottom:5em;
}.ribbon-view{
  position:absolute;
  top: 0;
  left: 0;
  width: 30%;
}img.info-dsk{
  width: 95%;
  padding-top: 2.5em;
}.main-landing.lunar .card .content ul {
    margin: 0;
    padding: 0;
}section.default{
  padding:2em 0 5em;
}section.extra-big-deal{
  background-color: #FFF;
  margin-top: 5rem;
}section.extra-big-deal h2, section.other-extra-big-deal h2{
  text-align: center;
  color: #ff7d6bf;
  font-family: 'Fredoka One';
      margin: 1em 0;
  font-size: 2.5em;
}section.extra-big-deal .extraBox{
    margin-bottom: 3em;
    padding-bottom: 1.5em;
    border-bottom: thin solid #eff7f0;
}section.extra-big-deal .extraBox .imgBox{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background-size: 35%,cover;
  background-position: top 4% left, center center;
  background-repeat: no-repeat;
}section.extra-big-deal .extraBox ul{
  margin:0;padding:0;
}section.extra-big-deal .extraBox ul li{
  list-style: none;margin:0;padding:0;
  display: inline-block;
  width:50%;
}section.extra-big-deal .extraBox ul li.panelss{
  cursor:pointer;
}section.extra-big-deal .extraBox ul li.panelss .panel{
  padding: 0 5px;
    margin-top: 5px;
    position: relative;
    background: #fff;
    margin-bottom: 0px;
    /* padding: 5px; */
    cursor:pointer;
    box-shadow: none;
    /* border: thin solid #cbcdca; */
    /* margin: 5px 5px 0 0px; */
    border-radius: 5px;
}section.extra-big-deal .extraBox ul li.panelss.active .panel, section.extra-big-deal .extraBox ul li.panelss:hover .panel{
      background: rgba(227,68,40,0.06) !important;
      background: #fff;
}section.extra-big-deal .extraBox ul li.panelss:hover .panel{
  background: #ddf3f0;
}section.extra-big-deal .extraBox ul li.panelss .panel input{
  position: absolute;
  top:7px;
  cursor:pointer;
}section.extra-big-deal .extraBox ul li.panelss .panel label{
  position:relative;left:20px;
  font-family: "Campton-Medium";
  cursor:pointer;
}section.extra-big-deal .extraBox ul li.panelss .panel label h4,section.extra-big-deal .extraBox ul li.panelss .panel label h4 span, section.extra-big-deal .extraBox ul li.panelss .panel label h4 small{
  color: #1c465c;
  margin-bottom: 3px;
  font-size: 16px;
  font-family: 'Fredoka One';
  letter-spacing: 0;
}section.extra-big-deal .extraBox ul li.panelss .panel label h4 span.blue,section.extra-big-deal .extraBox ul li.panelss .panel label h4 span.blue small{
  color:#000;
  font-size: 85%;
}section.extra-big-deal .extraBox ul li.one-hour .panel{
  margin-right:2.5px;
}section.extra-big-deal .extraBox ul li.two-hour .panel{
  margin-left:2.5px;
}section.extra-big-deal .extraBox ul li.one-hour{

}section.extra-big-deal .extraBox ul li.two-hour{

}section.extra-big-deal .extraBox ul li.book-button{
  width:100%;
}.banner-45{
    margin: 1em 0 3em;
}.panel label > span {
    display: block;
    line-height: 1.2em;
    font-size: 1.25em;
}.panel label span.correct {
    text-decoration: line-through;
    color: rgba(0, 0, 0, 0.59);
    font-weight: 500;
    display: block;
}.panel label span.perphoto {
    font-size: 1em;
    background-color:#e96d6d;
    color: white;
    padding: 4px 10px 1px;
    border-radius: 3px;
    width: fit-content;
    display: block;
}.one-hour .panel label span.perphoto {
  background-color:#e96d6d;
}.panel label span.perphoto small {
    font-size: .75em;
}section.extra-big-deal .extraBox ul li.book-button a{
  width: 100%;
  color: #3bd4dc;
  border: 2px solid #3bd4dc;
  font-family: "Campton-Medium";
  /* border-top-right-radius: 0px; */
  /* border-top-left-radius: 0px; */
  margin-top: 5px;
  font-size: 1.3em;
  letter-spacing: 1px;
  border-radius: 2em;
}.btn-remind{
  cursor:pointer;
}.card{
  margin-bottom: 30px;
}.card ul{
  margin:0;padding:0;
}.card ul li{
  margin:0;padding:0;list-style: none;width:55%;display: inline-block;vertical-align: text-top;
  top: 0;
  position: relative;
}.card ul li .img{
  background-color: red;
  width: 100%;
  padding-top: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
}.card ul li .img a{
  position: absolute;
  top: 5px;
  right: 5px;
}.card ul li .img a img{
  width:30px;
}.card ul li.categories{
    width: 45%;
}.card ul li.categories .panelss{
  border: 0;
  margin-bottom: 5px;
  margin-top: 0;
  padding: 0;
}.card ul li.categories .panelss.active .panel{
  background: #d5e0e6;
}.card ul li.categories .panel{
  margin-bottom: 0;
  padding: 9.5px 3px 5px;
  position: relative;
  cursor: pointer;
  box-shadow: none;
  border: none;
  background: transparent;
  border-radius: 0;
}.card ul li.categories .panel input{
  position: absolute;
  top: 8px;
}.card ul li.categories .panel label{
      padding-left: 18px;
}.card .panel label > span{
  font-size: 1em;
  letter-spacing: 1px;
  font-family: "Campton-Medium";
}.card ul li.categories .panel h4{
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.2em;
  font-family: "Campton-Medium";
  color: #24B5BA;
  font-size: 1.25em;
}.card ul li.categories .panel h4 small{
  color: #24B5BA;
}.card .panel label > span.perphoto{
  letter-spacing: 0px;
  font-size: .95em;
  background-color: #24B5BA;
}.card ul li.book-button{
  width: 100%;
}.card ul li.book-button a{
  width: 100%;
  background: #124860;
  font-family: "Campton-Medium";
  color: #fff;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  margin-top: 0px;
  font-size: 1.3em;
  letter-spacing: 1px;
}section.extra-big-deal h2{
  font-weight: bold;
  font-size: 3em;
}.modal-dismiss-button{
  border: 0px;
}


.lightgray{

}.lightgray .info{

}.lightgray .info .voucher{
  text-align: right;
  margin-bottom: 10px;
}.lightgray .info .voucher a{
  cursor: pointer;
}input#bn_voucher_code{
  border-radius: 0;
  height: auto;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}.cancel-voucher{
  color: #337ab7;
}.detil-package{
    margin-top: 3rem;
    margin-bottom: 2rem;
  border-bottom: thin solid #dedede;
  padding-bottom: 1rem;
}.detil-package .items{
  display: block;
}.detil-package .items > div{
  display: inline-flex;
    width: 50%;
}.detil-package .items > div:nth-child(even) span{
  text-align: right;
  width:100%;
}span.grand-total{
  font-size: 150%;
}span.disc-total{
  color: red;
}.items.with-voucher{
  padding-bottom: 10px;
  display: none;
}


@media screen and (max-width:1024px) {

}
@media screen and (max-width:760px) {
    .zsiq_floatmain {
      top: 35px!important;
      right: 50px!important;
  }.stickyWA{
    display: block;
  }.expired .gallery-view {
      position: relative;
      vertical-align: top;
  }
  #framefest .head{
     height: calc(100vh - 58px);
     background-image: url(https://storage.googleapis.com/cdn-v1/promo/frame-a-date/Asset/LOGO.png), url(https://storage.googleapis.com/cdn-v1/promo/frame-a-date/Asset/M_header.png);
     background-size: 90%, cover;
     background-position: center top 10vh,center;
  }
  #titlediv {
      display: none;
  }
  .main-landing section.banner ul.timetable {
      position: fixed;
  }
  .main-landing section.banner ul.timetable li p {
      position: relative;
      line-height: 1.7em;
      padding-left: 0;
  }
  .main-landing section.banner {
    /*background-image: url(https://storage.googleapis.com/cdn-v1/promo/frameatrip-2018-2/banner/HEADER-M-3.jpg);*/
    background-image: url(https://storage.googleapis.com/cdn-v1/page/e-voucher/asset/M_logo.png), url(https://storage.googleapis.com/cdn-v1/page/e-voucher/MPWR_LP_Header%20Mobile.jpg  );
    background-size: 75%, cover;
    background-position: center top 20%,center center;
    height: calc(100vh - 55px);
  }.banner-45 {
    margin: 2em 0 2em;
  }
  .main-landing section.banner ul.timetable li.quota {
    height: 30px;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    display: block;
  }
  .main-landing section.banner ul.timetable li {
      padding: 6px 15px;
      font-size: 1.4em;
      width: 100%}
  .main-landing section.banner ul.timetable li.timelimit {
      text-align: center;
      position: relative;
      width: 100%;
  }
  .main-landing section.banner ul.timetable li.timelimit small {
      position: absolute;
      margin-top: -2px;
          left: 10%;
  }
  .main-landing section.banner ul.timetable li.timelimit span.timeBox {
    font-size: 1.5em;
    margin-top: 0px;
    position: absolute;
    margin-left: -7px;
    left: 0;
    width: 100%;
    margin: 0 auto;
  }
  .main-landing section.banner ul.timetable li.timelimit .btn-remindme {
      vertical-align: top;
      color: #fff;
      background-color: #14B3B9;
      border-radius: 30px;
      top: 5px;
      right: 0;
      position: absolute;
      font-size: 14px;
      padding: 0 20px 0;
      width: fit-content;
      height: 30px;
  }
  .main-landing section.promo-item {
      padding: 1em 0 5em;
  }
  .main-landing section.promo-item h1 {
      /* font-size: 21px; */
  }
  .main-landing section.promo-item .box-item span.countLeft {
      font-size: 1.6em;
      height: 50px;
      width: 50px;
  }
  .main-landing section.promo-item .box-item .action-item ul li.price {
      font-size: 1.1em;
  }
  .main-landing section.promo-item .box-item .action-item ul li.booking a {
      font-size: 10px;
      padding: 5px 10px;
  }
  .main-landing {
      margin-bottom: 0;
  }
  .main-landing section.promo-item {
      padding: 1em 0 0em;
  }
  .main-landing section.button-action .btn-footer {
      width: 45%;
      font-size: 1em;
      padding: 10px 0;
  }
  .main-landing section.button-action a img {
      height: 22px;
  }
  .main-landing section.promo-item .box-item .action-item ul li.price small {
      padding-right: 1px;
  }
  .main-landing .stickyWA {
      display: block;
  }
  .zsiq_theme1 .sqico-chat:before {
      line-height: 45px;
  }
  .zsiq_theme1 .zsiq_flt_rel {
      width: 45px;
      border-radius: 45px;
      height: 45px;
      padding: 0;
  }
  .stickyWA {
      background: #4dc247;
      overflow: hidden;
      box-shadow: 0 0 5px rgba(0, 0, 0, .4);
      font-size: 32px;
      text-align: center;
      padding: 0;
      border-radius: 100%;
      color: white;
      position: fixed;
      top: 35px;
      right: 10px;
      z-index: 99999;
      height: 45px;
      width: 45px;
  }
  .main-landing section.banner ul.timetable li {
          height: 40px;
  }
  .box-hero{
    position:relative;
    padding-bottom:30px;
  }.box-hero .gallery{
    position:absolute;
    right:5px;
    top:5px;
    height:90px;
  }.box-hero .limited{
    position:absolute;
    bottom:0;
  }.box-hero .limited {
      position: absolute;
      bottom: 0;
      height: 30px;
      width: 100%;
      background: #204E63;
      line-height: 30px;
      font-size: 1.5em;
  }
  h1.damion{
    font-size: 12vw;
  }
  .box-hero .limited .text-count{
    font-size: 18px;
    line-height: 36px;
  }.boxPrice {
    margin-top: 15px;
    margin: 0;
    padding-left: 0;
    text-align: center;
  }.mo-padding{
    margin-bottom:15px;
  }#frametastic-live {
    padding: 3em 0 0em;
  }#frametastic-available {
    padding: 3em 0 4em;
  }h1.damion {
    margin: 0 0 30px;
    font-size: 10vw;
  }.boxPrice .basePrice{
    font-size:16px;
  }.boxPrice .promoPrice{
    font-size: 20px;
  }.m-center{
    text-align: center;
  }.blockM{
    vertical-align: middle;
    position: unset;
    display: table-cell;
    width:inherit;
  }.blockM > .no-padding{
    display: block;
    float: none;
    position: relative;
    width: 100%;
    text-align:center;
  }#frametastic-next {
    padding: 3em 0 2em;
  }.boxPrice .btn-submit{
    padding: 6px 0 4px;
    width: 100%;
    font-size: 16px;
    margin-top:0;
  }#frametastic-available h2{
    font-size: 10vw;
  }#frametastic-available .col-xs-12{
    padding-right: 5px;
    padding-left: 5px;
  }#frametastic-available .basePrice{
    font-size: 14px;
  }#frametastic-available .promoPrice{
    font-size: 16px;
  }#frametastic-available .boxPrice .btn-submit.btn-remindme{
    font-size: 10px;
    margin-top: 10px;
  }#frametastic-available .looking{
    margin-top: 2em;
  }#frametastic-available .looking > span{
    display: block;
    padding-bottom: 15px;
  }#frametastic-available .available-continent {
    margin-bottom: 0em;
  }.zsiq_floatmain{
    z-index: -1;
  }.overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }.content-md{
    z-index: 2;
  }.saveTitle{
    padding-bottom: 15px;
    padding-top: 0px;
  }.overlays .closebtn {
    top: -20px;
    right: 10px;
  }.pricing-list-v4 .pricing-list-v4-header .pricing-list-v4-title, .countPhotos h4{
    font-size: 2em;
    margin-top: 15px;
  }.pricing-list-v4 .pricing-list-v4-content {
    padding: 0px 5px;
  }.oneHourPrice, .twoHourPrice, .saveValue,.editedphotos{
    font-size: 18px;
  }.saveIDR h4{
    font-size: 2.5em;
    margin-top: -5px;
  }.saveLine {
    -webkit-transform: translateY(-5px) translateX(30px) rotate(-4deg);
    width: 110px;
  }.overlays a{
    padding: 6px 0 3px;
  }.fr-book-two-hour, .fr-book-one-hour{
    font-size: 14px;
  }.submition{
    padding-bottom: 10px;
  }.saveTitle h4{
    display: block;
    line-height: 24px;
  }.overlays .closebtn{
    font-size: 45px;
  }.pm5{
    padding-left:5px;padding-right:5px;
  }.wa-section{
    background-color: #60CE6D;
    color: #fff;
    padding: 3px 0;
    width:100%;
    margin-top:0;
  }.wa-section a{
    display:inline-block;
    color:#fff;
  }.wa-section a img{
    height:30px;
    margin-left:15px;
  }.looking strong{
    display: block;
  }#frametastic-available .btn-footer{
    font-size: initial;
    padding: 10px 20px 10px 0px;
  }.editedphotos span{
    font-size: 18px;
  }.editedphotos {
    line-height: 24px;
    margin-top: 5px;
  }.card ul li{
    width: 50%;
  }.card ul li.categories {
    width: 50%;
  }.other-extra-big-deal .col-xs-12{
    padding-left:0;
    padding-right: 0;
  }.card .panel label > span {
    font-size: 1em;
  }.card .panel label > span.perphoto {
    letter-spacing: 0px;
    font-size: 1em;
  }.card ul li.categories .panel {
    padding: 4px 3px 3px;
  }.card ul li.categories .panel h4 {
    font-size: 1.25em;
  }.panel label span.perphoto{
        padding: 2px 10px 0px;
  }.card ul li.categories .panelss {
    margin-bottom: 0px;
  }.card ul li.book-button a{
    margin-top: -3px;
  }section.extra-big-deal h2, section.other-extra-big-deal h2 {
    font-size:1.5em;
  }section.default {
    padding: 0em 0 1em;
  }section.extra-big-deal{

  }.extra-big-deal .col-md-4, .extra-big-deal .col-md-12, .remindmeContainer .col-md-12{

  }.extra-big-deal .container, .other-extra-big-deal .container {


  }section.extra-big-deal .extraBox {
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: thin solid #eff7f0;
  }.mremind h3.title-remind {
    padding: 0 0 0.2em 0;
  }section.extra-big-deal h2{
    font-weight: bold;
    font-size: 2em;
  }
}@media screen and (max-width:600px) {
  .tnc .title {
    font-size: 1.5em;
    font-family: 'Campton-ExtraBold';
    color: #074F65;
    padding-bottom: 15px;
  }
  .Donly{
    display: none;
  }.Monly{
    display: block;
  }
  h2.subClassTitle {
    text-align: center;
    font-family: 'Campton-ExtraBold';
    margin-top: 0;
    font-size: 1.5em;
  }.hourIMG{
    width:80%;
  }
  .dekstopshow{
      display: none;
  }.mobileshow{
      display: block;
  }
  #frametastic-available .basePrice{
    font-size: 12px;
  }#frametastic-available .promoPrice{
    font-size: 14px;
  }hr {
    margin-top: 5px;
    margin-bottom: 5px;
  }.pricing-list-v4 .pricing-list-v4-content {
    padding: 5px 5px 0px;
  }.pricing-list-v4 .pricing-list-v4-header .pricing-list-v4-title, .countPhotos h4{
    margin-top: 10px;
  }.submition{
    margin-top: 10px;
  }.saveTitle h4{
    font-size: 32px;
  }.saveTitle span {
    font-size: 16px;
  }#form-remind .FR-Chat{
    display:block;
  }#frametastic-payday{
    background-size: 45%;
    padding: 0em 0 4em;
  }#frametastic-payday h2{
    font-size: 24px;
    margin-top: -30px;
    padding-bottom: 0;
  }#frametastic-payday h3{
    font-size: 20px;
    line-height: 24px;
    margin-top: 0;
  }.paydaySection .timelimit ul.timeBox li{
    width: 22%;
  }.paydaySection .timelimit {
    text-align: center;
  }#frametastic-payday > .container {
    padding-right: 15px;
    padding-top: 0;
    padding-left: 15px;
    padding-bottom: 0;
  }#frametastic-payday{
    background-image: url(https://storage.googleapis.com/cdn-v1/promo/frameatrip-2018-2/v2/bg2_mobile.png);
    background-size: 70%;
    background-position: right bottom;
  }.TWOdaysonly img {
    width: 110%;
    margin-top: -10px;
  }.title-limited{
    font-size:26px;
    padding-top:30px;
    font-family: 'Campton-ExtraBold';d
  }.title-limited small{
    display: block;
    font-size: 18px;
  }.info-limited{
    color: #fff;
    font-size: 15px;
    padding-top: 10px;
  }.info-limited .limited-book{
    width:60%;
    float:left;
  }.info-limited .limited-photos{
    width: 35%;
    float: left;
    border-left: 3px solid rgba(255,255,255,.75);
    padding-left: 10px;
  }.info-limited span{
    display: block;
    font-size: 12px;
  }.TWOdaysonly .col-xs-8{
    padding-left: 34px;
  }.expired .soldout .text{
    font-size: 1.5em;
    font-family: 'Campton-ExtraBold';
  }.expired .soldout .oldprice{
    text-decoration: line-through;
    font-size: 1em;
    font-weight: bold;
  }.expired .soldout .promoprice{
    display: block;
    font-size: 1em;
    font-family: 'Campton-Medium';
  }.interest{
    font-size: 12px;
    padding-top: 6px;
    line-height: 2.8em;
  }.expired .FR-Chat{
    font-size: 10px;
    margin-top: 10px;
  }#harbolnas ul.headTitle li.logoHarbolnas{
    width: 25%;
    margin-right: 10px;
  }#harbolnas ul.headTitle li.logoHarbolnas img{
    width: 100%;
  }#harbolnas ul.headTitle li.twoHourInfo{
    width: 70%;
    border-left: 2px solid #CCDCDF;
    border-right: none;
    padding-left: 10px;
    /* border-right: 4px solid #CCDCDF; */
    margin-right: 0;
  }#harbolnas ul.headTitle li.twoHourInfo img{
    height: auto;
    margin-bottom: 10px;
    width: 100%;
  }#harbolnas ul.headTitle li.countDownHarbolnas{
    text-align: center;
    width: 100%;
  }#harbolnas ul.headTitle li.countDownHarbolnas h4{
    font-family: 'Campton-Medium';
    margin-bottom: 0;
    font-size: 1.3em;
  }#harbolnas ul.headTitle li.countDownHarbolnas .timeLimitHarbolnas{

  }#harbolnas ul.headTitle li.countDownHarbolnas .timeLimitHarbolnas .timeBox{
    font-family: 'Campton-ExtraBold';
    font-size: 2em;
    color: #F3472C;
  }#harbolnas ul.headTitle li.countDownHarbolnas .timeLimitHarbolnas .timeBox span{
    padding: 0 10px;
  }#harbolnas ul.headTitle li.countDownHarbolnas .timeLimitHarbolnas .timeBox span:first-child{
    padding-left: 0;
  }#harbolnas ul.headTitle li p{
    font-size:1em;
  }#harbolnas ul.headTitle{
    padding: 2em 0;
    margin: 0;
  }.harbolnasCities{
    padding-bottom:3em;
  }.box-voucher .btn{
    padding: .35rem 0;
  }.item-voucher .col-xs-6:nth-child(odd){
    padding-right:7.5px
  }.item-voucher .col-xs-6:nth-child(even){
    padding-left:7.5px
  }
}@media screen and (max-width:481px) {
  #frametastic-available .basePrice{
    font-size: 12px;
  }#frametastic-available .promoPrice{
    font-size: 14px;
  }.boxPrice .promoPrice {
      font-size: 18px;
  }.TWOdaysonly img {
    width: 110%;
    margin-top: 20px;
  }.title-limited{
    font-size:26px;
    padding-top:30px;
    font-family: 'Campton-ExtraBold';d
  }.title-limited small{
    display: block;
    font-size: 18px;
  }.info-limited{
    color: #fff;
    font-size: 15px;
    padding-top: 10px;
  }.info-limited .limited-book{
    width:60%;
    float:left;
  }.info-limited .limited-photos{
    width: 40%;
    float: left;
    border-left: 3px solid rgba(255,255,255,.75);
    padding-left: 10px;
  }.info-limited span{
    display: block;
    font-size: 12px;
  }.TWOdaysonly .col-xs-8{
    padding-left: 25px;
  }.TWOdaysonly .timelimit p {
    font-size: 1.3em;
  }.TWOdaysonly .timelimit .timeBox {
    font-size: 1.5em;
    display: block;
  }.TWOdaysonly .timelimit .timeBox span{
    padding:0px 8px;
  }.TWOdaysonly .timelimit .timeBox span:first-child{
    padding-left:0px;
  }.TWOdaysonly .timelimit {
    margin-top: 3.5em;
    text-align: left;
    color: #5E8290;
    line-height: 1.3em;
    margin-bottom: 20px;
  }
}@media screen and (max-width:320px) {
    .main-landing section.banner ul.timetable li {
      padding: 6px 20px;
  }
  .main-landing section.banner ul.timetable li.timelimit .btn-remindme {
      margin-left: 180px;
      font-size: 17px;
      padding: 0 5px;
  }
  .main-landing section.promo-item .box-item .action-item ul li.price {
      font-size: .8em;
  }
  .main-landing section.promo-item .box-item .action-item ul li.booking a {
      font-size: 9px;
      padding: 5px 10px;
  }#frametastic-available .basePrice{
    font-size: 8px;
  }#frametastic-available .promoPrice{
    font-size: 10px;
  }.boxPrice .promoPrice {
      font-size: 16px;
  }#frametastic-available .basePrice{
    font-size: 12px;
  }.title-limited{
    font-size: 20px;
    padding-top:30px;
    font-family: 'Campton-ExtraBold';
  }.title-limited small{
    display: block;
    font-size: 16px;
  }


}