/*!
 *  Font Awesome 4.0.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont_v-4.0.1.eot');
  src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont_v-4.0.1.woff') format('woff'), url('../fonts/fontawesome-webfont_v-4.0.1.ttf') format('truetype'), url('../fonts/fontawesome-webfont_v-4.0.1-fontawesomeregular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571428572em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-move:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-resize-full:before {
  content: "\f065";
}
.fa-resize-small:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-resize-vertical:before {
  content: "\f07d";
}
.fa-resize-horizontal:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-fullscreen:before {
  content: "\f0b2";
}
.fa-group:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-reorder:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building:before {
  content: "\f0f7";
}
.fa-hospital:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-expand-o:before {
  content: "\f116";
}
.fa-collapse-o:before {
  content: "\f117";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-mail-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-o:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-horizontal:before {
  content: "\f141";
}
.fa-ellipsis-vertical:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

/*---------------END FONT-----------------*/

/*----------------button.css--------------*/

/*
Button style
v1.0
Last Updated: Oct 7, 2013
Author: http://www.pegipegi.com
*/

.bttn {
    text-decoration:none;
    cursor:pointer;
    font-size:11px;
    padding:0 8px;
    font-weight:bold;
    height:30px;
    line-height:30px;
    display:inline-block;
    outline:0;
    color:#444;
    background-color:#f5f5f5;
    background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
    border:1px solid #d9d9d9;
    border:1px solid rgba(0,0,0,0.1);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.bttn:hover {
    border:1px solid #c6c6c6;
    border:1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    position:relative;
    z-index:1;
}
.bttn:active {
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
}

.icon:before,
.prev:before {
    content:"";
    position:relative;
    top:9px;
    left:0;
    margin-right:6px;
    float:left;
    /*width:12px;
    height:12px;
    background:url(http://www.pegipegi.com/rsc/common/css/icons.png) no-repeat 0 0;*/
}
.next:after {
    content:"";
    position:relative;
    top:9px;
    right:0;
    margin-left:6px;
    float:right;
    /*width:12px;
    height:12px;
    background:url(http://www.pegipegi.com/rsc/common/css/icons.png) no-repeat 0 0;*/
}
.bttn.icon:before,
.prev:before,
.next:after {
    opacity:0.8;
}
.bttn.icon:hover:before,
.prev:hover:before,
.next:hover:after {
    opacity:1;
}
.prev i{margin-right: 10px;}
.next i{margin-left: 10px;}

.grouped {
    display:inline-block;
    list-style:none;
    padding:0;
    margin:0;
    width: auto;
}
.grouped li {
    float:left;
    margin:0;
    padding:0;
}
.grouped .bttn {
    float:left;
    margin-left:-1px;
}
.grouped li:not(:first-child):not(:last-child) .bttn,
.grouped > .bttn:not(:first-child):not(:last-child) {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}
.grouped li:first-child .bttn,
.grouped > .bttn:first-child {
    margin-left:0;
    -webkit-border-top-right-radius:0;
    -webkit-border-bottom-right-radius:0;
    -moz-border-radius-topright:0;
    -moz-border-radius-bottomright:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.grouped li:last-child .bttn,
.grouped > .bttn:last-child {
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.grouped a{text-decoration: none;}

/*----------------END button------------------------*/

/*---------------custom.css-------------------*/

/*
Attention style
v1.0
Last Updated: Oct 7, 2013
Author: http://www.pegipegi.com
*/

body{background: url('../img/images/bg_pattern.jpg') repeat #FFF;}
@media (min-width: 1px) {
    .s750 {width: 750px;}
    .s200 {width: 200px;}
    .s600 {width: 600px;}
    .s350 {width: 350px;}
}
.s450 {
    width: 450px;
    float: left;
    margin-top: 15px;
    margin-right: 25px;
}
.s500{
    width: 500px;
    float: left;
    margin-top: 15px;
}
.promo{display: inline-block; line-height: normal; width: 405px; line-height: 18px; font-size: 13px; margin: 0 auto; padding: 0;}
/*.promo strong{font-size: 16px;}*/
.promo span{font-size: 10px;}
.s350.promo{width: 330px;  margin-bottom: 20px; padding: 8px 10px; background: #fff; border: 1px solid #ff9c00; color: #464646; font-size: 13px; line-height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.s350.promo p{margin-bottom: 5px; line-height: normal;}
.s350.promo ul{padding:2px 0 0;margin:2px 0 0;}
.s350.promo ul li{display: block; margin: 0 0 5px; padding: 0; font-size: 16px; font-weight: bold; line-height: 16px;}
.s350.promo ul li:last-child{margin: 0 0 3px;}
.s350.promo ul li .fa{margin-right: 8px; font-size: 14px; vertical-align: 1px;}
.bayar{padding: 4px 20px; width: 135px; height: 35px; font-size: 18px;}
.form-transaksi{text-align: center;}
.form-transaksi button{font-size: 18px; padding: 4px 20px; height: 35px;}
.form-transaksi button:hover, .form-login button:hover, .bayar:hover{
    background: rgb(92,156,233); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(92,156,233,1) 0%, rgba(45,94,154,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,156,233,1)), color-stop(100%,rgba(45,94,154,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(92,156,233,1) 0%,rgba(45,94,154,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(92,156,233,1) 0%,rgba(45,94,154,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(92,156,233,1) 0%,rgba(45,94,154,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(92,156,233,1) 0%,rgba(45,94,154,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c9ce9', endColorstr='#2d5e9a',GradientType=0 ); /* IE6-9 */
}
button.grad-org:hover{
    background: rgb(253,153,75); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,153,75,1) 0%, rgba(233,90,28,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,153,75,1)), color-stop(100%,rgba(233,90,28,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* W3C */
}
.form-transaksi .info{margin: 5px 0 0;}
.form-transaksi .info i{line-height: 5px;}
.form-transaksi .controls{margin-left: 210px; text-align: left;}
.form-transaksi .control-label{width: 195px; padding-top: 6px;}
#data-anggota .form-transaksi .control-label{width: 190px; padding-top: 7px;}
.form-transaksi .controls input{height: 24px;}
.form-transaksi input[type="text"]{padding: 4px 6px;}
.form-transaksi select{height: 32px;}
/*.logo img{padding-top: 15px;}*/
.box-attention{
    display: block;
    overflow: hidden;
    margin: 100px auto;
    padding: 0;
    width: 975px;
    height: auto;
    color: #a2844a;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    font-family: arial;
}
.box-attention .frame{display: block; margin: 0 auto; padding: 0; border: 3px solid #F9E98E; border-bottom: 0; background: #fff;}
.box-attention .frame .pad10{padding: 10px; width: 735px; height: 80px;}
.box-attention .frame .pepe{background: url("http://www.pegipegi.com/rsc/common/img/maintenis.png") no-repeat; width: 191px; height: 100px; margin-left: 20px;}
.box-attention p{margin: 0 0 3px;}
.box-attention .cs{display: block; margin: 0 auto 10px; padding: 5px; background: #f9e98e;}

/* update 21 October 2013 */
/* update backend */
.box-calendar{display: block; margin: 8px 0 5px; padding: 0;}
.box-calendar input[type="text"]{width: 110px !important; height: 23px; font-size: 14px; padding-left: 8px; margin: 0; padding-top: 6px;}
.box-calendar .from{width: 125px; margin: 0 10px 0 0; position: relative;}
.box-calendar .to{width: 125px; margin: 0 10px 0 10px; position: relative;}
.box-calendar .from i, .box-calendar .to i{position: absolute; right: 10px; top: 10px; color: #ee771a; font-size: 18px;}
.my-account .side i{float: right; margin-top: 10px;}
.my-account .side {padding: 10px 15px;}
.form-horizontal .control-group {margin-bottom: 10px;}
#data-anggota .controls p{margin: 0;}

footer{margin-top: 30px;}
.form-transaksi h1{line-height: normal; margin-top: 16px; margin-bottom: 5px;}
.modal-header h3{line-height: 22px;}
/* frame transaksi style */
.frame-transaksi{
    display: block;
    margin: 0 auto 5px;
    padding: 0;
    width: 710px;
    height: auto;
    /*overflow-x: scroll;*/
}
.frame-transaksi ul{
    border: 1px solid #d2d2d2;
    margin: 0 auto;
    padding: 0;
    width: 708px;
}
.frame-transaksi li{border-bottom: 1px solid #d2d2d2;}
.frame-transaksi li:last-child{border-bottom: none;}
.frame-transaksi li:hover{background: #ffebcc;}
.frame-transaksi .rows{
    display: block;
    margin: 0 auto;
    padding: 0;
    font-size: 11px;
    text-align: center;
    line-height: normal;
}
.frame-transaksi .rows span{
    float: left;
    border-right: 1px solid #d2d2d2;
    font-size: 10px;
    padding: 3px 0;
}
.frame-transaksi .rows span:last-child{border-right: none;}
.frame-transaksi .rows.rowhead{background: #f0f0f0; font-weight: bold;}
.frame-transaksi .rows .row1{width: 60px;}
.frame-transaksi .rows .row2{width: 70px;}
.frame-transaksi .rows .row3{width: 75px;}
.frame-transaksi .rows .row4{width: 194px;}
.frame-transaksi .rows .row5{width: 80px;}
.frame-transaksi .rows .row6{width: 50px;}
.frame-transaksi .rows .row7{width: 97px;}
.frame-transaksi .rows .row8{width: 75px;} /* expired date */

.total{
    display: block;
    width: auto;
    margin: 0 auto 15px;
    padding: 10px;
    background-color: #f9f9f9;
}
.total h1, .total h2{margin: 0; line-height: normal;}
.total h1 span.org{color: #ff9c00; font-size: inherit; font-weight: inherit; }
.total .kiri{width: 200px; margin: 0; padding: 0; position: relative;}
.total .kiri .titik{position: absolute; right: 10px; margin: 0; padding: 0;}
.total .kanan{width: 150px; margin: 0; padding: 0; font-weight: bold;}
.total p{border-bottom: 1px dashed #d2d2d2;}
.total strong{font-size: 16px;}
.total hr{margin-bottom: 5px;}
.total span{font-size: 12px; font-weight: normal;}
.keterangan{
    display: block;
    margin: 10px 0 0;
    padding: 0;
}
.reward .thx{display: block; margin: 0 auto; padding: 0; text-align: center;}
.reward .thx h1{font-size: 22px; margin: 0; line-height: normal;}
.reward .thx p{font-size: 13px;}
.reward .form-horizontal select{
    width: 150px;
    height: 32px;
}
.reward .form-horizontal .rekber{
    font-weight: bold;
    margin: 20px 13px 10px;
    border-bottom: 1px solid #d2d2d2;
}

/* frame history pepepoin style */
.frame-pepepoin{
    display: block;
    margin: 0 auto 5px;
    padding: 0;
    width: 710px;
    height: auto;
}
.frame-pepepoin ul{
    border: 1px solid #d2d2d2;
    margin: 0 auto;
    padding: 0;
    width: 708px;
}
.frame-pepepoin li{border-bottom: 1px solid #d2d2d2;}
.frame-pepepoin li:last-child{border-bottom: none;}
.frame-pepepoin li:hover{background: #ffebcc;}
.frame-pepepoin .rows{
    display: block;
    margin: 0 auto;
    padding: 0;
    font-size: 11px;
    text-align: center;
}
.frame-pepepoin .rows span{
    float: left;
    border-right: 1px solid #d2d2d2;
    font-size: 10px;
    padding: 3px 0;
}
.frame-pepepoin .rows span:last-child{border-right: none;}
.frame-pepepoin .rows.rowhead{background: #f0f0f0; font-weight: bold;}
.frame-pepepoin .rows .row1{width: 30px;} /* no id */
.frame-pepepoin .rows .row2{width: 80px;} /* tanggal */
.frame-pepepoin .rows .row3{width: 70px;} /* pepe point */
.frame-pepepoin .rows .row4{width: 90px;} /* jumlah */
.frame-pepepoin .rows .row5{width: 110px;} /* nama bank */
.frame-pepepoin .rows .row6{width: 171px;} /* atas nama */
.frame-pepepoin .rows .row7{width: 80px;} /* no rekening */
.frame-pepepoin .rows .row8{width: 70px;} /* status */

/* metode pembayaran style */
.box-pepe{
    display: block;
    margin: 0 auto 10px;
    padding: 0;
}
.box-pepe .icon-pepe{
    background: url("http://www.pegipegi.com/rsc/common/img/icon-pepe.png") no-repeat;
    width: 50px;
    height: 57px;
    margin: 0;
    padding: 0;
}
/*.box-pepe h1{font-size: 24px; font-family: 'Sanchez', Arial; margin-left: 10px; font-weight: normal;}*/
.box-pepe .box-step{
    display: inline-block;
    margin: 2px auto 0 10px;
    padding: 0;
    border: 1px solid #d2d2d2;
    background: #fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    height: 50px;
    /*width: 574px;*/
}
.box-pepe .box-step .setep{width: 180px; border-right: 1px solid #d2d2d2; padding: 10px 0;}
.box-pepe .box-step span{
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    font-size: 12px;
    color: #ccc;
}
.box-pepe .box-step span .ket{padding-top: 3px; margin-left: 0;}
.box-pepe .box-step span .step{
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width: 25px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 3px 0 0;
    border: 3px solid #d2d2d2;
    font-size: 20px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    background: #fff;
    text-align: center;
}
.box-pepe .box-step span .step.on{
    border-color: #eb9d61;
    -webkit-box-shadow: 0 0 3px rgba(235,157,97,1);
    -moz-box-shadow: 0 0 3px rgba(235,157,97,1);
    box-shadow: 0 0 3px rgba(235,157,97,1);
    color: #eb9d61;
}
ul.metode{
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    line-height: 35px;
}
ul.metode li{
    border: 1px solid #d2d2d2;
    cursor: pointer;
    background-color:#f5f5f5;
    background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
    border:1px solid #d9d9d9;
    border:1px solid rgba(0,0,0,0.1);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin-right: 5px;
    padding: 5px 10px;
    display: inline-block;
    line-height: normal;
    color: #3670b7;
}
ul.metode li:hover, ul.metode li.show:hover {
    border:1px solid #c6c6c6;
    border:1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    position:relative;
    z-index:1;
    text-decoration: none;
    color: #444;
}
ul.metode li:active, ul.metode li.show:active {
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
}
ul.metode li.active{
    background: rgb(253,153,75); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,153,75,1) 0%, rgba(233,90,28,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,153,75,1)), color-stop(100%,rgba(233,90,28,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* W3C */
    color: #fff;
}
/*
ul.metode li:nth-child(n+10) {
    display:none;
}
*/

ul.metode li.show {
    border: 1px solid #d2d2d2;
    cursor: pointer;
    background-color:#f5f5f5;
    background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
    border:1px solid #d9d9d9;
    border:1px solid rgba(0,0,0,0.1);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin-right: 5px;
    padding: 5px 10px;
    display: inline-block;
    line-height: normal;
    color: #3670b7;
    font-size: 12px;
}
.divid .line{
    position: relative;
    border-top: 1px solid #d9d9d9;
    margin: 20px 0 5px;
    height: 0;
    text-align: center;
    width: auto;
    display: block;
}
.divid .line .txt{
    position: relative;
    top: -10px;
    background: #fff;
    padding: 5px;
}
.divid .line a:hover{text-decoration: none;}
.ringkasan,.deluxe{padding: 15px 20px;}
.deluxe .icon{width: 18px; margin: 2px auto 0;}
.deluxe .icons{width: 10px; margin: 3px auto 0;}
.deluxe .tipe{width: 75px;}
.deluxe .titik{width: 10px;}
.deluxe .info{width: 200px;}
.deluxe .logo img{display: block; height: 40px; margin: 5px 0 5px; padding: 0;}
.deluxe .nopen{font-size: 18px; font-weight: bold; color: #ff9c00; margin: 5px 0; padding-top: 5px;}
.deluxe hr{margin: 10px 0;}
.ringkasan li{
    width: 90px;
    text-align: right
}
.ringkasan li.type{
    width: 188px;
    text-align: left;
    line-height: normal;
}
.ringkasan li.rp{
    width: auto;
}
.ringkasan li.field{
    width: 210px;
}
.ringkasan .veri p{margin-left: 25px; padding-top: 7px; font-size: 16px; font-weight: bold; color: #ff9c00;}
.ringkasan span.sub-title{font-size: 14px; font-weight: bold;}
.ringkasan section{margin: 0 0 5px 6px;}
.ringkasan section .rew{font-weight: bold; color: #ff9c00; position: relative;}
.ringkasan section .rew i{position: absolute; right: 120px; top: 6px; font-size: 10px;}
.ringkasan p{margin: 0;}
.ringkasan .point{margin-top: 5px; padding: 5px; background: #fcf8e3;}
.ringkasan .point input[type="text"]{
    width: 170px;
    margin: 0 auto;
    padding: 5px;
    font-size: 12px;
    height: 18px;
    line-height: 0;
    text-align: center;
}
.ringkasan .point .type{line-height: 20px;}
.ringkasan .point i{margin-right: 5px;}
.ringkasan .point select {
    width: 182px;
    height: 32px;
    font-size: 12px;
}
.ringkasan .point.disabled{background: #f4f4f4;}
.ringkasan .line{
    position: relative;
    border-top: 1px solid #d9d9d9;
    margin: 10px 0;
    height: 0;
    text-align: center;
    max-width: 353px;
}
.ringkasan .line .txt{
    position: relative;
    top: -10px;
    background: #fff;
    padding: 5px;
    font-size: 10px;
}
.ringkasan button{float: right; /*margin-top: 10px;*/ padding: 4px 20px; font-size: 16px; /*height: 35px;*/}
.ringkasan ul.jumlah li{font-size: 16px; font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
.deluxe i{color: #ff8b00;}
.deluxe p span{color: #444; width: auto;}
.deluxe .name-hotel{font-size: 14px; font-weight: bold;}
.detail{display: block; margin: 0 auto; padding: 15px 20px;}
.detail ul{list-style-type: disc; margin-left: 15px;}
.detail span.sub-title{font-size: 14px; font-weight: bold;}
.safepit{
    display: block;
    margin: 0 auto;
    padding: 10px 0 5px;
}
.safepit hr{margin: 10px 20px;}
.safepit h1{
    margin: 0;
    border-left: 9px solid #fdb74a;
    padding: 0 10px;
    background: #f7f7f7;
    font-size: 16px;
}
.safepit .nempo{font-size: 12px; font-weight: normal;}
.safepit span{line-height: 15px;}
.safepit .title-pas{font-size: 14px; font-weight: bold; color: #ff9c00; margin-bottom: 5px; margin-left: 20px;}
.safepit .edited{margin-right: 20px;}
.safepit .title-pay{font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.safepit .bank-name{display: block; auto; margin: 0 auto 10px; padding: 0;}
.safepit .bank-name label{
    background: #f9f9f9;
    display: block;
    margin: 0 15px 10px 0;
    padding: 10px;
    font-size: 11px;
    line-height: 15px;
    border: 1px dashed #d2d2d2;
    width: 154px;
    float: left;
    position: relative;
}
.safepit .bank-name input[type="radio"] {display:none;}
.safepit .bank-name input[type="radio"]:checked + label {
    border: 1px dashed #ff9c00;
    background: #ffecce;
}
.safepit .bank-name label p{margin-bottom: 0;}
.safepit .bank-name .radio{
    padding: 0 0 0 70px;
    margin: 0 auto 5px;
    display: block;
}
.safepit .bank-name .radio.act em{
    background: url(../img/images/radio-btn.png);
    width: 21px;
    height: 20px;
    display: block;
}
.safepit .bank-name .radio em{
    background: url(../img/images/radio-btn.png) 22px 0px;
    width: 21px;
    height: 20px;
    display: block;
    cursor: pointer;
}
.safepit .bank-name .logo-bank{display: inline-block; margin: 10px auto 0; padding: 0; height: 55px;}
.safepit .alert{margin: 0 auto; padding: 10px; line-height: 50px;}
.safepit .form-horizontal select{
    width: 150px;
    height: 32px;
}
.safepit .notstay{
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto;
    padding: 10px;
    color: #c09853;
}
.safepit .notstay input[type="checkbox"]{float: left; margin-right: 10px;}
.safepit .notstay label{margin: 1px 0 0;}
.safepit .news .control-label{padding-top: 0;}
.safepit .news .controls label{font-size: 13px; padding-top: 2px;}
.safepit .title{
    display: block;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 3px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}
.safepit .ccbill{
    display: block;
    margin-bottom: 0;
    padding: 20px 20px 10px;
}
.safepit .ccbill .control-label{padding-top: 6px; width: 180px;}
.safepit .ccbill .controls{margin-left: 200px;}
.safepit .ccbill .controls i{color: #3670b7; margin-left: 5px; cursor: pointer;}
.safepit .ccbill .controls.nocc input[type="text"]{text-align: center;}
.safepit .ccbill .controls.nocc select{width: 80px; text-align: center;}
.safepit .ccbill .note{font-size: 11px; color: #999;}
.safepit .ccbill ul.keterangan{display: block; list-style-type: disc; margin-left: 20px;}
.safepit .ccbill hr{margin: 20px 0 10px;}
.safepit .ccbill input[type="text"]{height: 24px;}

.safepit .flight-note{
    display: block;
    margin: 0;
    padding: 20px 20px 0;
    font-size: 16px;
}

.special-req a{text-decoration: none;}
.special-req i{float: left; margin-right: 5px;}
.special-req i.fa-lg{line-height: 19px;}
.special-req ul{width: auto; margin: 0;}
.special-req li{float: left; width: 186px;}
.special-req .checkbox.inline{width: 180px;}
.special-req li span{line-height: 30px;}
.special-req .ul{list-style-type: disc; display: block; margin-left: 20px;}
.special-req .ul li{width: auto;}

.form-login{
    display: block;
    margin: 0 auto;
    padding: 0;
}
.form-login .field{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}
.form-login .field i{
    position: absolute;
    left: 10px;
    top: 6px;
}
.form-login .field input[type="text"],
.form-login .field input[type="password"]{
    padding-left: 40px;
    font-size: 12px;
    width: 263px;
    height: 24px;
}
.form-login hr{margin: 10px 0}
.form-login button{padding: 4px 20px; height: 35px; font-size: 18px; margin-top: 2px;}

/* hotel top style */
.big-star-rate{
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0;
    color: #ff9c00;
}
.big-star-rate .empty{color: #999;}
.box-result .right span.reward, .box-result2 .right span.reward {
    color: red;
    vertical-align: 3px;
}
.gimmick{display: block; margin: 0 auto; padding:0; font-size: 16px; line-height: 25px; text-shadow: 1px 1px 2px rgba(210, 210, 210, .5);}
.gimmick strong{font-size: 18px;}
.btn-login{width: 286px;}

/* flight style */
.vertical-fl li{margin-right: 0; /*line-height: 45px;*/}
.vertical-fl li .price{/*padding-top: 3px;*/ line-height: normal;}
.vertical-fl li .price .row-hover{font-size: 17px; color: #eb5c17; font-weight: bold;}
.vertical-fl li .price .price-up{font-size: 8px; line-height: 5px;}
.vertical-fl li .price .reward{margin-top: 5px; color: #3670b7;}

.fsearch-result{margin-bottom: 0; margin-top: 5px;}
.fsearch-result h3{margin-bottom: 0; line-height: 20px;}
.fsearch-result ul li i{color: #ff9c00; margin-right: 5px;}
.fsearch-result .detail-info{margin-bottom: 5px;}
.bodyReturn i{color: #ff9c00; padding-top: 4px;}
.bodyReturn .place i, .bodyReturn .user i, .bodyReturn .bagasi i{width: 20px;}
.bodyReturn .place .desc, .bodyReturn .user .desc, .bodyReturn .bagasi .desc{width: 431px; line-height: normal;}

.bodyReturn p{margin-bottom: 5px;}
.bodyReturn div:last-child span.reward{font-size: 13px; color: #3670b7; font-weight: normal;}

#f-book .headReturn ul li.date{width: 120px;}
#f-book .bodyReturn .pull-right span{margin-top: 0;}
#f-book .bodyReturn .pull-right span.reward{color: #3670b7; line-height: normal; margin-top: 5px;}

/* Table style */
.transaksi {
    margin:0 0 10px;
    padding:0;
    width:100%;
    border:1px solid #d2d2d2;

    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;

    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;

    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;

    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}.transaksi table{
     width:100%;
     height:100%;
     margin:0px;padding:0px;
 }.transaksi tr:last-child td:last-child {
      -moz-border-radius-bottomright:0px;
      -webkit-border-bottom-right-radius:0px;
      border-bottom-right-radius:0px;
  }
.transaksi table tr:first-child td:first-child {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.transaksi table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.transaksi tr:last-child td:first-child{
     -moz-border-radius-bottomleft:0px;
     -webkit-border-bottom-left-radius:0px;
     border-bottom-left-radius:0px;
 }.transaksi tr:hover td{
      background-color:#ffffff;
  }
.transaksi td{
    vertical-align:middle;
    background-color:#ffffff;
    border:1px solid #d2d2d2;
    border-width:0px 1px 1px 0px;
    text-align:center;
    padding:5px;
    font-size:10px;
    font-family:Arial;
    font-weight:normal;
    color:#444444;
}.transaksi tr:last-child td{
     border-width:0px 1px 0px 0px;
 }.transaksi tr td:last-child{
      border-width:0px 0px 1px 0px;
  }.transaksi tr:last-child td:last-child{
       border-width:0px 0px 0px 0px;
   }
.transaksi tr:first-child td{
    background:-o-linear-gradient(bottom, #f0f0f0 5%, #f0f0f0 100%);  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #f0f0f0) );
    background:-moz-linear-gradient( center top, #f0f0f0 5%, #f0f0f0 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0", endColorstr="#f0f0f0");  background: -o-linear-gradient(top,#f0f0f0,f0f0f0);

    background-color:#f0f0f0;
    border:0px solid #d2d2d2;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:11px;
    font-family:Arial;
    font-weight:bold;
    color:#000000;
}
.transaksi tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #f0f0f0 5%, #f0f0f0 100%);  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #f0f0f0) );
    background:-moz-linear-gradient( center top, #f0f0f0 5%, #f0f0f0 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0", endColorstr="#f0f0f0");  background: -o-linear-gradient(top,#f0f0f0,f0f0f0);

    background-color:#f0f0f0;
}
.transaksi tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.transaksi tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}
.transaksi .row1{width: 70px;} /* price */
.transaksi .row2{width: 175px;} /* order description */

.book-accordion input[type="text"]{height: 24px;}

/* error n success style */
.fadee {
    opacity: 1;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fadee.out {
    opacity: 0;
}
.notif{
    position: fixed;
    top: 200px;
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    z-index: 100;
    opacity: .8;
}
.err{
    background: #F78B83;
    border: 1px solid #D95252;
    border-left: none;
    border-right: none;
    color: #912323;
}
.suc{
    background: #CAED9E;
    border: 1px solid #90D93F;
    border-left: none;
    border-right: none;
    color: #3F6219;
}
.att{
    background: #FFFFA3;
    border: 1px solid #F1D031;
    border-left: none;
    border-right: none;
    color: #555;
}

/* update complete payment */
.frame-detail{
    display: block;
    border: 1px solid #d9d9d9;
    font-weight: bold;
    background: #fafafa;
    margin: 10px;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.frame-detail .pull-left{width: 200px; text-align: right; font-weight: normal;}
.frame-detail .pull-right{float: left; margin-left: 10px; font-size: 14px; vertical-align: middle;}
.frame-detail li{clear: both; }
.frame-detail .pull_center{float: left;}
.frame-detail .info-bank{
    background: #fbdaaa;
    display: block;
    margin: 0 auto;
    padding: 10px;
    font-size: 11px;
    position: absolute;
    right: 90px;
    top: 190px;
    line-height: 15px;
    border: 1px dashed #ff9c00;
    color: #c97411;
}
.box-sms{display: block; margin: 15px auto 0; padding: 0;}
.box-sms p{padding-top: 1px; color: #464646;}
.box-sms input[type="checkbox"]{margin-right: 5px;}
.box-sms input[type="text"]{margin-left: 18px; height: 24px;}
.tata{
    display: block;
    width: 460px;
    margin: 25px auto 20px;
    padding: 10px;
    border: 1px dashed #d9962c;
    background: #fff8ee;
    color: #c97411;
}
.tata .lab{
    width: 100px;
    display: block;
    margin: 0 10px 0 0;
    padding: 0;
}
.tata .info{
    display: block;
    font-weight: bold;
    margin: 0 0 0 10px;
    font-size: 14px;
}
.tata strong, .tata b{font-size: 14px;}
.tata .logo{display: block; margin: 7px 10px 0 0; padding: 0;}
.tata .logo img{height: 40px; padding: 0;}

/* form custom */
.form-custom input[type="text"]{height: 24px;}
#reg-email input[type="email"]{height: 24px;}

.search-box .checkbox{margin-top: 10px;}
.search-box .star{padding: 2px 0 0;}
.star i{color: #ff8b00;}

/* flight style */
.flight-box fieldset{
    position: relative;
}
.flight-box fieldset i{
    position: absolute;
    color: #ff9c00;
    right: 10px;
    top: 12px;
    /*z-index: 9999;*/
}
.flight-box fieldset input[text="text"]{
    height: 24px;
}
/*.flight-box fieldset label{margin: 0; padding-top: 5px;}*/
#pulang-pergi .check-in, #sekali-jalan .check-in{margin: 0;}
#f-book .logo-airline img{margin-left: 0;}
#f-book span{margin: 0 auto; padding-top: 0 !important; padding-bottom: 0 !important;}
#f-book .headReturn ul li span.code-plane,
#f-book .headReturn ul li span.getdate{line-height: 40px; padding-left: 5px; padding-right: 5px;}
#f-book .takeoff .headReturn ul li{padding: 5px; margin: 0 auto; min-height: 40px;}
#f-book .takeoff .headReturn i{color: #ff9c00;}


/* hotel list style */
ul.hotel-list{
    margin: 10px auto 0;
    padding: 0;
}
ul.hotel-list li.box-list{
    display: block;
    margin: 0 auto 15px;
    padding: 0;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border: 1px solid #d9d9d9;
    cursor: pointer;
   
}
ul.hotel-list li.box-list:hover{background: #eff7ff;}
ul.hotel-list li.box-list .avatar{
    display: block;
    width: 200px;
    height: 233px;
    margin: 0 auto;
    padding: 10px 0 10px 10px;
    text-align: center;
    position: relative;
}
ul.hotel-list li.box-list .avatar em.band2{
    top: 5px;
    left: 5px;
}
ul.hotel-list li.box-list .avatar em.band{
    top: 5px;
    left: 5px;
}
ul.hotel-list li.box-list .avatar .box-img{display: block; height: 150px; margin-bottom: 10px;}
ul.hotel-list li.box-list .avatar .box-img img{
    width: 200px;
    height: 150px;
}
ul.hotel-list li.box-list .avatar .box-harga{
    display: block;
    height: 38px;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #3670b7;
    text-align: center;
    background: #fff;
    position: relative;
    line-height: 38px;
}
ul.hotel-list li.box-list .avatar .box-harga p{margin: -1px 0 0;}
ul.hotel-list li.box-list .avatar .box-harga .harga{
    /*width: 145px;*/
    font-size: 24px;
    color: #000;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    line-height: normal;
}
ul.hotel-list li.box-list .avatar .box-harga .harga p.harga-disc{
    font-size: 13px;
    color: #666;
    text-decoration: line-through;
    font-weight: normal;
    padding: 0 3px;
}
ul.hotel-list li.box-list .avatar .box-harga .box-disc{
    position: absolute;
    bottom:15px;
    right: 0;
    z-index: 1000;
    width: 51px;
    height: 64px;
    background: url("../img/ico-disc.png") no-repeat;
    text-align: center;
    padding-top: 6px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
ul.hotel-list li.box-list .avatar .box-harga.normal .box-disc{display: none;}
ul.hotel-list li.box-list .avatar .box-harga.normal .harga{float: none; line-height: 38px;}
ul.hotel-list li.box-list .avatar p.disc{
    margin: 5px 0 0;
    color: #000;
    font-weight: bold;
}

ul.hotel-list li.box-list .info-hotel{
    display: block;
    width: 468px;
    margin: 0;
    padding: 10px;
    line-height: 14px;
    min-height: 233px;
    position: relative;
}

ul.hotel-list li.box-list .info-hotel-ta{width: 322px; border-right: 1px solid #f8f8f8;}
ul.hotel-list li.box-list:hover .info-hotel-ta{border-right: 1px solid #dbe9f7;}
ul.hotel-list li.box-list .info-hotel h2{
    font-size: 20px;
    color: #3670b7;
    margin: 0;
    line-height: normal;
}
ul.hotel-list li.box-list .info-hotel a{text-decoration: none;}
ul.hotel-list li.box-list .info-hotel i{
    color: #ff8b00;
    margin-left: 3px;
    font-size: 16px;
}
ul.hotel-list li.box-list .info-hotel span.address{
    font-size: 12px;
    color: #777;
    margin: 0 0 3px;
}
ul.hotel-list li.box-list .info-hotel .maps{
    display: block;
    width: 50px;
    height: 50px;
    background: url("../img/ico-map.png") no-repeat 0 0;
    margin: 0 5px 5px 0;
    padding: 0;
}
ul.hotel-list li.box-list .info-hotel .maps:hover{
    display: block;
    width: 50px;
    height: 50px;
    background: url("../img/ico-map.png") no-repeat -50px 0;
    margin: 0 5px 5px 0;
    padding: 0;
}
ul.hotel-list li.box-list .info-hotel .maps:hover{
    cursor: pointer;
}
ul.hotel-list li.box-list .info-hotel .area{
    display: block;
    width: 413px;
    color: #777;
    font-size: 12px;
    margin: 3px 0 5px;
    padding: 0;
    position: relative;
}
ul.hotel-list li.box-list .info-hotel-ta .area{width: 267px;}
ul.hotel-list li.box-list .info-hotel .area p{
    margin-bottom: 1px;
}
ul.hotel-list li.box-list .info-hotel .area strong{
    font-size: 12px;
    color: #000;
}
ul.hotel-list li.box-list .info-hotel p{
    margin-bottom: 5px;
    line-height: 15px;
    color: #464646;
}
ul.hotel-list li.box-list .info-hotel p.promo{
    margin-bottom: 5px;
    color: #d60000;
    display: inline;
    /*text-decoration: underline;*/
}

ul.hotel-list li.box-list .ta-rev{
    display: block;
    width: 125px;
    min-height: 233px;
    margin: 0 auto;
    padding: 10px;
}
ul.hotel-list li.box-list .info-hotel .area .box-fasi{
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 96px;
    text-align: center;
    position: absolute;
    top: 13px;
    right: 0;
}
.iconi1{
    background: url(../img/images/sprite_facility.png) 0px 0px;
    width: 27px;
    height: 22px;
    display: inline-block;
    margin-left: 0;
}
.iconi2{
    background: url(../img/images/sprite_facility.png) -27px 0px;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-left: 0;
}
.iconi3{
    background: url(../img/images/sprite_facility.png) -51px 0px;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-left: 0;
}
.iconi1-noactiv{
    background: url(../img/images/sprite_facility.png) 0px -26px;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-left: 0;
}
.iconi2-noactiv{
    background: url(../img/images/sprite_facility.png) -27px -26px;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-left: 0;
}
.iconi3-noactiv{
    background: url(../img/images/sprite_facility.png) -51px -26px;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-left: 0;
}
.iconi4-noactiv{
    background: url(../img/images/sprite_facility.png) -75px -26px;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-left: 0;
}
.iconi5-noactiv{
    background: url(../img/images/sprite_facility.png) -101px -26px;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-left: 0;
}

.iconi4,.iconi5{
    background: url(../img/images/sprite_facility.png) -75px 0px;
    width: 25px;
    height: 22px;
    display: inline-block;
    margin-left: 0;
}
.iconi5{
    background: url(../img/images/sprite_facility.png) -101px 0px;
}
.box-fasi .iconi5,.box-fasi .iconi2,.box-fasi .iconi3,.box-fasi .iconi4{
    background: url(../img/images/sprite_facility.png) -67px 0px;
    width: 19px;
    height: 21px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 0;
    background-size: 105px 38px;
    float:left;
}
.box-fasi .iconi2{
    background-position: -121px 0px;
}
.box-fasi .iconi3{
    background-position: -137px 0px;
}
.box-fasi .iconi4{
    background-position: -155px 0px;
}

.box-fasi .iconi5-noactiv,.box-fasi .iconi2-noactiv,.box-fasi .iconi3-noactiv,.box-fasi .iconi4-noactiv{
    background: url(../img/images/sprite_facility.png) -67px 0px;
    width: 19px;
    height: 21px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 0;
    background-size: 105px 38px;
    float:left;
}
.box-fasi .iconi2-noactiv{
    background-position: -121px 21px;
}
.box-fasi .iconi3-noactiv{
    background-position: -137px 21px;
}
.box-fasi .iconi4-noactiv{
    background-position: -155px 21px;
}
.box-fasi .iconi5-noactiv{
    background-position: -172px 19px;
}
ul.hotel-list li.box-list .ta-rev .box-ta{
    display: block;
    margin: 0 auto;
    padding: 0;
    line-height: normal;
}
ul.hotel-list li.box-list .ta-rev .box-ta p.title{
    font-size: 10px;
    color: #777;
    margin: 0 0 3px;
}
ul.hotel-list li.box-list .ta-rev .box-ta p.score{
    font-size: 18px;
    font-weight: bold;
    color: #589442;
    margin: 0;
    padding: 0;
}
ul.hotel-list li.box-list .ta-rev .box-ta p.score span.tot-rev{
    font-size: 11px;
    color: #777;
    font-weight: normal;
}
ul.hotel-list li.box-list .ta-rev .box-rev{
    display: block;
    background: #f9f9f9;
    margin: 5px auto;
    padding: 5px;
    font-size: 12px;
    color: #777;
    line-height: normal;
}
ul.hotel-list li.box-list .ta-rev .box-user{
    display: block;
    margin: 0 0 0 3px;
    padding: 0;
}
ul.hotel-list li.box-list .ta-rev .box-user i{
    margin-right: 5px;
    color: #777;
}
ul.hotel-list li.box-list .ta-rev .box-user p{
    margin: 0;
    line-height: 9px;
    color: #777;
    font-size: 11px;
    font-weight: bold;
    padding-top: 2px;
}
ul.hotel-list li.box-list .ta-rev .box-user small{font-weight: normal;}

.box-tipe{
    display: block;
    margin: 0 auto;
    padding: 20px;
}
.box-tipe p{margin: 0;}
.box-tipe .checkbox{
    margin: 0;
    padding-top: 0;
}
.box-fitur{
    display: block;
    margin: 0 auto;
    padding: 20px;
}
.box-fitur label{
    margin-bottom: 0;
}

/*--------------END CUSTOM-------------------*/

/*-----------update.css------------------*/

/*
Update style
v1.0
Last Updated: Nov 22, 2013
Author: http://www.pegipegi.com
*/
/** home style **/
header{
    -webkit-box-shadow: 0 1px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0 1px 10px rgba(50, 50, 50, 0.3);
    box-shadow:         0 1px 10px rgba(50, 50, 50, 0.3);
}
.head-contact span{font-weight: bold;}
.head-contact span.jam{font-weight: normal; color: #464646;}
aside section:first-child{margin-top: 20px;}
aside section:last-child{margin-bottom: 0;}
.search-box form{margin: 0;}
#footer-home{margin-top: 20px;}
#footer-home p{margin-bottom: 0;}
.jud_footer{margin-bottom: 0;}
footer{margin-top: 20px; border-top-color: #c0c0c0;}
footer .column h5, .jud_footer{margin-bottom: 0; text-shadow: 0 1px 1px rgba(170, 170, 170, 1); font-size: 16px;}
footer .column li{font-size: 13px;}

/** search result **/
select{height: 32px;}
.result{margin-bottom: 0; border: none;}
.result form{margin: 0;}
.result p{margin-bottom: 0;}
.box-result .star-sm{color: #ff8b00;}
.map-pop i{padding-top: 4px;}
#order{margin-top: 4px;}
.search-box select{margin: 0 0 10px;}
.top-board label{margin-bottom: 0;}
.top-board .cari{height: 47px;}
.search-box .cari{margin-top: 0;}
.search-box label.title{font-weight: bold;}
#idr{margin-bottom: 10px;}
.breadcrumb{padding: 0;}
.left-content h1{line-height: normal;}
.box-tipe .div{margin-bottom: 2px;}
.map-icon{margin-left: 0;}
section.media-body{line-height: normal;}
#slider-range{margin-top: 10px;}
#idr{margin-top: 5px;}

/** right side **/
.panel-head h3{line-height: normal; padding: 10px 0;}
.top-box .side{padding-top: 10px; padding-bottom: 5px !important;}

/** hotel top **/
.bintang{
    margin-left: 20px;
    color: #ff8b00;
    font-size: 18px;
}
.box-result2{padding-bottom: 15px; padding-top: 15px;}
.box-result2 .maxna{color: #555; padding-top: 4px;}
.box-result2 .maxna i{margin-left: 1px;}
.box-result2 .maxna i:nth-child(1){margin-left: 5px;}

.tripadvisor > *{height: 400px;}
.form-box label{font-weight: bold; margin-bottom: 0;}
.form-box .side{padding-top: 10px; padding-bottom: 15px; margin-bottom: 0;}
.box-result2 .right p{
    line-height: 15px;
    font-size: 13px;
}
.check-in i{
    position: absolute;
    top: 27px;
    right: 8px;
    color: #ff8b00;
    font-size: 18px;
}
.form-box .side .cari2{margin-top: 15px;}
.form-box .side .best-price{margin-top: 15px;}
.tab-pad{line-height: 15px; padding: 10px 20px;}
.tab-pad h2{line-height: normal;}
.tab-pad p{margin-bottom: 5px;}
.tab-pane hr{margin: 0;}
#overview .tab-pad p.quote{
    display: block;
    margin: 0 auto 10px;
    padding: 10px;
    font-style: italic;
    background: #fff1de;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.nav-tabs > li {
    margin-right: 5px;
    width: 171px;
}
.nav-tabs > li:last-child{
    margin-right: 0;
    width: 172px;
}
#myTab li a, #myTab2 li a {
    top:4px;
    background: #dcdcdc;
    border: 1px solid #d2d2d2;
    border-bottom: 3px solid #d2d2d2;
    -webkit-box-shadow: inset 0 0 1px 0 rgba(255,255,255,1);
    -moz-box-shadow: inset 0 0 1px 0 rgba(255,255,255,1);
    box-shadow: inset 0 0 1px 0 rgba(255,255,255,1);
    text-shadow: 0 1px 1px #ccc;
    color: #444;
    padding-bottom: 3px;
    padding-top: 12px;
}
#myTab li.active a, #myTab2 li.active a{padding-bottom: 7px; padding-top: 8px;}
.tab-content h3{margin-top: 0;}
.special{line-height: normal;}
.special p{margin-bottom: 5px;}
.special h5{margin-bottom: 0;}
.special .boxy{margin-top: 10px;}
/*.special .pesan2{margin-top: 0;}*/
#overview .boxy h5 em, #overview .food h5 em, #overview .internet h5 em, #overview .around h5 em{height: 40px;}
#overview .boxy h5 em img{height: 35px;}
.detail-list{margin: 20px 0 0 5px; width: auto;}
.detail-pic{width: 210px; height: 200px; margin-bottom: 0; margin-right: 10px; margin-left: 10px;}
/*.detail-pic img{height: auto;}*/
.detail-pic .box-det{padding-top: 5px;}
.detail-pic .box-det p{margin-bottom: 0; line-height: normal; font-size: 11px;}
.info-body .media{line-height: normal;}
.info-body .media:hover{text-decoration: none;}
.info-body .media .media-body span.star-sm{color: #ff8b00; font-size: 14px;}
.modal-header .bc{margin-top: 0;}

.box-tab{
    display: block;
    margin: 0 auto;
    padding: 10px;
    background: #eee;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0 1px 10px rgba(50, 50, 50, 0.3);
    box-shadow:         0 1px 10px rgba(50, 50, 50, 0.3);
    position: relative;
}
.box-tab .slider-home .tab-pane{
    border: 1px solid #ffdba2;
}

#map h5{margin-bottom: 5px;}
.box-wrapper .info-body{padding: 20px;}
.info-body {
padding: 20px 20px 10px;
}
#ask form input{width: 500px; height: auto;}

/* ulasan style */
.box-ulas{
    display: block;
    margin: 0 auto;
    padding: 20px;
    padding-bottom: 20px;
}
.box-ulas h2{
    margin: 0;
    padding-bottom: 10px;
    line-height: normal;
}
.box-ulas .total-ulas{
    display: block;
    margin: 0 auto 10px;
    padding: 0 0 8px;
    border-bottom: 1px solid #d9d9d9;
}
.box-ulas .total-ulas .score{
    display: block;
    width: 52px;
    height: 67px;
    margin: 0 0 0 2px;
    padding: 0;
    background: url("../img/ico-ulasan.png") no-repeat;
    position: relative;
}
.box-ulas .total-ulas .score .point{
    display: block;
    width: 52px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #f8ad17;
}
.box-ulas .total-ulas .ulasan{
    display: block;
    width: 589px;
    margin: 0;
    padding: 0;
}
.box-ulas .total-ulas .ulasan h1{
    font-size: 16px;
    line-height: normal;
    color: #000;
}
.box-ulas .total-ulas .ulasan ul{
    margin: 0 auto;
    padding: 0;
}
.box-ulas .total-ulas .ulasan ul li{
    display: block;
    float: left;
    width: 294px;
    margin: 0;
    padding: 0 0 2px;
    line-height: normal;
}
.box-ulas .total-ulas .ulasan ul li .rev-tit{
    width: 150px;
}
.box-ulas .total-ulas .ulasan ul li .rev-star{
    width: 90px;
    color: #ff8b00;
}
.box-ulas .total-ulas .ulasan ul li .rev-score{
    width: 30px;
    font-weight: bold;
}
.box-ulas ul.list-ulas{
    margin: 0 auto;
    padding: 0;
}
.box-ulas ul.list-ulas li{
    display: block;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #eee;
}
.box-ulas ul.list-ulas li .box-score{
    display: inline-block;
    width: 56px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.box-ulas ul.list-ulas li .box-score span{
    font-size: 11px;
    color: #888;
}
.box-ulas ul.list-ulas li .box-score .score{
    display: block;
    width: 52px;
    height: 52px;
    margin: 0 2px 5px;
    padding: 0;
    background: #fdb74a;
    color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    line-height: 52px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.box-ulas ul.list-ulas li .ulasan{
    display: block;
    width: 589px;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.box-ulas ul.list-ulas li .ulasan p{margin: 0;}
.box-ulas ul.list-ulas li .ulasan ul.rev-rat{
    margin: 5px auto 0;
    padding: 0;
}
.box-ulas ul.list-ulas li .ulasan ul.rev-rat li{
    display: block;
    float: left;
    width: 294px;
    margin: 0 auto;
    padding: 0 0 2px;
    line-height: normal;
    border: none;
}
.box-ulas ul.list-ulas li .ulasan ul.rev-rat li .rev-tit{
    width: 150px;
}
.box-ulas ul.list-ulas li .ulasan ul.rev-rat li .rev-star{
    width: 90px;
    color: #ff8b00;
}
.box-ulas ul.list-ulas li .ulasan ul.rev-rat li .rev-score{
    width: 30px;
    font-weight: bold;
}
.box-ulas ul.list-ulas li .ulasan span{
    font-size: 12px;
    color: #888;
}
.box-ulas ul.list-ulas li .ulasan .quote{
    background: #fff1de;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0 0;
    padding: 10px;
}
.box-ulas .pagination{margin-bottom: 0;}

.tab-content a:hover{color: #005580 !important; text-decoration: underline;}
.tab-content .f-bottom{margin-bottom: 10px;}
#map ul {
    width: 220px;
    float: left;
}
.box-result2 .right .pesan{
    position: absolute;
    right: 0px;
    bottom: 5px;
}

/* chosen style */
.box-htlArea{
    display: block;
    margin: 10px 0 0;
    padding: 0;
    /*height: 53px;*/
}
.box-htlArea .chosen-container-single .chosen-single {padding: 4px 0 0 10px; height: 26px;}
.box-htlArea .chosen-container-single .chosen-single div {top: 4px;}
/*.box-htlArea .chosen-container{
    position: absolute;
    z-index: 9999;
}*/
.chosen-container-multi .chosen-choices{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.chosen-container-multi .chosen-choices li.search-choice{
    font-size: 12px;
    line-height: 12px;
}

ul.box-smallArea{
    margin: 0 auto;
    padding: 10px 0 0;
}
ul.box-smallArea li{
    display: block;
    margin: 0;
    padding: 0;
    line-height: normal;
}
ul.box-smallArea span{
    font-size: 12px;
    padding-top: 1px;
}
ul.box-smallArea .checkbox{
    margin: 0 0 5px;
}
ul.box-smallArea .checkbox:last-child{
    margin: 0;
}

.top-board fieldset .chosen-container{font-size: 13px;}
.top-board fieldset .chosen-container-single .chosen-single{
    padding: 4px 0 0 10px;
    height: 26px;
}
.top-board fieldset .chosen-container-single .chosen-single div{top: 4px;}

.form-box .side fieldset .chosen-container{font-size: 13px; margin-bottom: 10px;}
.form-box .side fieldset .chosen-container-single .chosen-single{
    padding: 4px 0 0 10px;
    height: 26px;
}
.form-box .side fieldset .chosen-container-single .chosen-single div{top: 4px;}

form#roompanelMini{width: 230px}
.top-board fieldset{
    position: relative;
}
.top-board fieldset i{
    font-size: 18px;
    color: #ff8b00;
    position: absolute;
    top: 28px;
    right: 8px;
}
.maps-leutik{
    display: block;
    width: 32px;
    height: 32px;
    background: url("../img/ico-map-small.png") no-repeat 0 0;
    margin: -6px 5px 5px 0;
    padding: 0;
}
.maps-leutik:hover{
    display: block;
    width: 32px;
    height: 32px;
    background: url("../img/ico-map-small.png") no-repeat -32px 0;
    margin: -6px 5px 5px 0;
    padding: 0;
}
.map-box h6{
    font-size: 14px;
    margin-bottom: 0;
}
.map-box ul{
    margin: 0 0 0 15px;
    padding: 0;
    list-style-type: disc;
}
.map-box ul li{
    margin: 0;
    padding: 0;
    line-height: normal;
}
.kamarDei{
    display: block;
    background: #ebebeb;
    margin: 0;
    padding: 10px 10px 10px 15px;
    font-size: 14px;
    text-shadow: 0 1px 1px rgba(170, 170, 170, .5);
}
.kamarDei i{
    margin-right: 5px;
    color: #ff8b00;
    font-size: 20px;
}
.kamarDei .pull-left{
    margin-right: 5px;
}
.pagination li.current a {
    background: none !important;
    border: none !important;
    color: black !important;
    cursor: default;
}

/*--------------END update----------------*/

/** update 2 february 2014 **/
.facility ul{list-style-type: disc; line-height: normal; margin: 0 0 0 15px;}
.f-bottom i{font-size: 14px; margin-right: 5px;}
#map ul li li{margin: 0 0 0 15px; padding: 0; list-style-type: disc;}
.camera{
    position: absolute;
    z-index: 9000;
    width: 83px;
    height: 43px;
    background: url(../img/images/foto_icon.png);
    bottom: 70px;
    left: 44%;
}
.link{text-shadow: 0 1px 1px rgba(170, 170, 170, .5); font-size: 13px;}
.link i{font-size: 16px; color: #ff8b00; margin-right: 5px; vertical-align: -1px;}
.link a{text-decoration: none;}
.link a:hover{text-decoration: none;}

/*--update 2-5-14---*/

.overblack{
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background: #000;
  opacity: 0.6;
}

.top-board label{
    font-size: 13px;
}

.side-panel label{
	font-size: 11px;
}

/*Css for easy voucher*/
.shadow2-float {
    width: 500px;
border-radius: 7px;
overflow: hidden;
background: none;
border-bottom: none;
box-shadow: 0px 4px 5px #bbbbbb;
}

.panel-fhead-float {
margin-left: 25%;
margin-top:20px;
border-radius: 7px 7px 0 0;
background: rgb(255,144,13);
background: -moz-linear-gradient(top, rgba(255,144,13,1) 0%, rgba(223,94,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,144,13,1)), color-stop(100%,rgba(223,94,0,1)));
background: -webkit-linear-gradient(top, rgba(255,144,13,1) 0%,rgba(223,94,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,144,13,1) 0%,rgba(223,94,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,144,13,1) 0%,rgba(223,94,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,144,13,1) 0%,rgba(223,94,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff900d', endColorstr='#df5e00',GradientType=0 );
padding: 0px 20px;
width: 600px;
}
.divid-float{
    margin-left: 25%;
    margin-bottom: 20px;
    width: 600px;
    border-bottom: 1px solid #f2f2f2;
padding: 20px;
margin-top: 0 !important;
box-shadow: none;
border-radius: 0;
background: #FFF;
}
.well-float{
    background: #333;
}
.vouch{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.panel-fhead-float h3{
    margin: 0;
    color: #FFF;
}
.discs{
    
}

#close-float{
    margin-top: 8px;
}
#myModalfloat{
    z-index: 9999;
}
.float-body{
    position: relative;
}
.float-pilih{
    position: absolute;
}
#klik-disini{
    position: relative;
}
.voucher-code{
    color: #333;
    position: absolute;
top: 78px;
left: 101px;
    font-size: 14px;
    font-weight: bold;
}
.voulist,.voutgl{
    position: absolute;
top: 100px;
left: 25px;
    font-size: 12px;
    color:#FFF;
    cursor: auto;
}
.topli{
    margin-top: -5px;
}
.voutgl{
    top:131px;
    left:18px;
    font-weight: bold;
    text-shadow:1px 1px 3px #888888;
    font-size: 14px;
}

.voucher-code,.voucher-code2{
    color: #333;
    position: absolute;
	top: 78px;
	left: 101px;
    font-size: 14px;
    font-weight: bold;
}

.voucher-code2{
	padding-top: 2px;
	top: 74px;
	left: 17px;
	width: 218px;
	height: 24px;
	color:#FFF;
	background: blue;
	z-index: 9000;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	font-size: 12px;
}

/** New Footer Style 2014/02/25 **/
.sprite-all{display: block; background: url("../img/footer/sprite-all.png") no-repeat; margin: 0 auto; padding: 0;}
.sprite-bagian{display: block; background: url("../img/footer/sprite-all.jpg") no-repeat; margin: 0 auto; padding: 0;}
.sb-amg{background-position: 0 -60px; width: 66px; height: 25px;}
.sb-recruit{background-position: 0 -86px; width: 93px; height: 25px;}
.sm-bca{background-position: 0 -5px; width: 72px; height: 24px;}
.sm-mandiri{background-position: -75px -4px; width: 78px; height: 24px;}
.sm-bni{background-position: -155px -3px; width: 80px; height: 24px;}
.sm-klikbca{background-position: -239px -4px; width: 32px; height: 24px;}
.sm-cimb{background-position: -275px -4px; width: 102px; height: 24px;}
.sm-master{background-position: -381px -4px; width: 40px; height: 24px;}
.sm-visa{background-position: -426px -4px; width: 41px; height: 24px;}
.sm-muamalat{background-position: -205px -34px; width: 103px; height: 27px; margin-top: -1px;}
.sm-123{background-position: -310px -35px; width: 33px; height: 26px;}
.sm-indomaret{background-position: -345px -35px; width: 74px; height: 26px;}
.sm-bniol{background-position: -420px -35px; width: 71px; height: 26px;}
.bankna ul{margin: 5px auto 0; padding: 0;}
.bankna ul li{
    background-color:#f5f5f5;
    background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
    border:1px solid rgba(0,0,0,0.1);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin-right: 5px;
    padding: 5px 10px;
    display: inline-block;
    height: 24px;
}

footer .bankna{width: 364px;}
footer .bankna p{font-size: 13px; line-height: normal;}

.footer-bg ul{margin-top: 2px;}
.footer-bg ul li{display: inline-block; margin-right: 10px;}
.footer-bg ul li:nth-child(3){margin-right: 7px;}

#last-col{margin-right: 0; width: 193px; font-size: 11px;}
#last-col ul{margin: 0 auto; padding: 0;}
#last-col ul li{float: left; margin: 2px 15px 5px 0;}
#last-col ul li img{height: 25px;}
#last-col > a > img{width: 80px;}

#last-col2{margin-right: 0; width: 193px; font-size: 11px;}
#last-col2 ul{margin: 0 auto; padding: 0;}
#last-col2 ul li{float: left; margin: 2px 15px 5px 0;}
#last-col2 ul li img{height: 25px;}
#last-col2 > a > img{width: 80px;}

/***********End Footer Style**************************/

/*--- Begin Kode Referral info pop up---*/

.mypage-profile .modal{
    z-index: 9999; width: 700px; margin-left: -350px;
}
.mypage-profile button.close{
    padding: 0;
    height: auto;
    margin-top: 6px;
}
.mypage-profile .modal-header h3{text-align: left; font-size: 24.5px; line-height: 30px;}
.mypage-profile .modal-header{-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; border-bottom: 1px solid #e0e0e0;}
.mypage-profile .modal-body{display: block; text-align: left; max-height: 500px; border-top: none;}
.mypage-profile p{font-size: 13px;}
.mypage-profile ul.reward{list-style-type: disc; margin-left: 15px;}
.mypage-profile ul.reward li{margin-bottom: 5px;}

/*--- End Kode Referral info pop up---*/

/*--- From ob_dynamic.css---*/
.s12{font-size:75%;line-height:1.3em;}
.s14{font-size:87.5%;line-height:1.3em;}
.s16{font-size:100%;line-height:1.3em;}
.fb{font-weight:bold;}
.clear{clear:both;line-height:0em;font-size:1px;}

.dyn_area_list {position:absolute; background:#fbf5e1; padding:10px; border:1px solid #d3c9b0; display:none;z-index:201;}
.dyn_area_list div{margin:3px 0;}
.dyn_area_list img{margin-bottom:2px;}
.dyn_area_list a{ color:#303030; text-decoration:none !important;}
.dyn_area_list a:link { color:#303030; text-decoration:none !important;}
.dyn_area_list a:visited { color:#303030; text-decoration:none !important;}
.dyn_area_list a:hover { color:#303030; text-decoration:none !important;}
.dyn_area_cont {float:left;}
.dyn_area_tbl td{padding:0 0 0 3px !important;}
.dyn_area_list .close_btn {text-align:center; margin-top:10px;}

.dyn_cal {position:absolute; margin-top:3px; background:#fbf5e1; padding:10px; border:1px solid #d3c9b0; display:none;z-index:200;}
.dyn_cal_tbl th {font-size:12px; !important; font-weight:bold; padding-bottom:5px;}
.dyn_cal_tbl td {font-size:12px; !important; text-align:right; padding:0 3px;}
.dyn_cal_tbl td a{color:#333; text-decoration:none !important;}
.dyn_cal_tbl td a:link{text-decoration:none !important;}
.dyn_cal_tbl td a:visited{color:#333; text-decoration:none !important;}
.dyn_cal_tbl td a:active{color:#333; text-decoration:none !important;}
.dyn_cal_tbl td a:hover{color:#333; text-decoration:underline !important;}
.dyn_cal img {border:none;}

.dyn_cal_tbl td.dyn_sutarday a{color:#1b47ff; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:link{text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:visited{color:#1b47ff; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:active{color:#1b47ff; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:hover{color:#1b47ff; text-decoration:underline !important;}

.dyn_cal_tbl td.dyn_sunday a{color:#f00; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:link{text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:visited{color:#f00; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:active{color:#f00; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:hover{color:#f00; text-decoration:underline !important;}

.dyn_cal_tbl td.dyn_disable {color:#aaa !important; text-decoration:line-through !important;}

.dyn_cal .dyn_cal_arrow {vertical-align:middle;width:20px; font-size:12px; !important;}
.dyn_cal .dyn_cal_arrow a{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:link{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:visited{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:active{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:hover{color:#f00; text-decoration:none !important;}


.dyn_cal .dyn_cal_close{font-size:12px; !important; text-align:center; padding-top:5px;}
.dyn_cal .dyn_cal_close a{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:link{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:visited{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:active{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:hover{color:#333; text-decoration:none !important;}

#dyn_more_spec {display:none;}
#dyn_spec_btn {text-align:right; padding-right:5px;}

#dyn_stay_txt option {padding:0 3px;}

a#dyn_kodawari_txt:visited{color:#1b47ff !important;}
#dyn_child_num_txt_id1 {color:#1b47ff !important;}
#dyn_child_num_txt_id2 {color:#1b47ff !important;}

#dyn-place-example{z-index:300;}
#dyn-place-example .placeexample{margin:5px 0;}
#dyn-place-example .placeexample a{color:#1b47ff; text-decoration:underline;}

#dyn-place-example .dyn-place-example-close{font-size:12px; !important; text-align:center; margin:5px 0 0 0;}
#dyn-place-example .dyn-place-example-close a{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:link{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:visited{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:active{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:hover{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close img{border:none;}

/* hanyu add start */

div#roompanel-block{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 15000;
}

div#roompanel-block form#roompanel{
	padding: 8px 8px 8px 8px;
	background: #FCF1ED;
	border: #D3C9B0 2px solid;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 20000;
	text-align: left;
	float:left;
}

div#roompanel-block form#roompanel div.row{
	width: 220px;
	margin: 4px 4px 4px 4px;
	background: #F9DBD9;
	border: #D3C9B0 1px solid;
	float:left;
	max-width: initial !important;
	min-width: initial !important;
}

div#roompanel-block form#roompanel div.row span.rowtitle{
	background:dimgray;
	color:white;
	border:none;
	white-space: nowrap;
	line-height:1.2;
	margin-left:2px;
	padding:0px 3px;
	font-weight:bold;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
div#roompanel-block form#roompanel div.row table {
	width: 220px;
}

div#roompanel-block form#roompanel div.row table tr{
	height: 25px;
}

div#roompanel-block form#roompanel div.row table tr td.td1{
	border-bottom: #D3C9B0 1px solid;
	vertical-align: middle;
	font-weight:bold;
	padding:0px 0px 3px 3px;
	font-size: 80%;
}

div#roompanel-block form#roompanel div.row table tr td.td2{
	border-left: #D3C9B0 1px solid;
	border-bottom: #D3C9B0 1px solid;
	vertical-align: middle;
	padding:0px 0px 3px 3px;
	font-size: 80%;
}
div#roompanel-block form#roompanel div.row table tr td.td3{
	border-bottom: #D3C9B0 1px solid;
	vertical-align: middle;
	padding:0px 0px 3px 1em;
	font-size: 80%;
}
div#roompanel-block form#roompanel div.row table tr td select{
	width: 60px;
}

div#roompanel-block form#roompanel p#panel-close-btn{
	margin: 10px 0px 0px 0px;
	font-size: 80%;
	text-align: center;
	clear:both;
}

div#roompanel-block form#roompanel p#panel-close-btn a{
	text-decoration: none !important;
	color: #333333;
}
/* hanyu add end */

/*--- from ob_dynamicMini.css ---*/
.s12{font-size:75%;line-height:1.3em;}
.s14{font-size:87.5%;line-height:1.3em;}
.s16{font-size:100%;line-height:1.3em;}
.fb{font-weight:bold;}
.clear{clear:both;line-height:0em;font-size:1px;}

.dyn_area_list {position:absolute; background:#fbf5e1; padding:10px; border:1px solid #d3c9b0; display:none;z-index:201;}
.dyn_area_list div{margin:3px 0;}
.dyn_area_list img{margin-bottom:2px;}
.dyn_area_list a{ color:#303030; text-decoration:none !important;}
.dyn_area_list a:link { color:#303030; text-decoration:none !important;}
.dyn_area_list a:visited { color:#303030; text-decoration:none !important;}
.dyn_area_list a:hover { color:#303030; text-decoration:none !important;}
.dyn_area_cont {float:left;}
.dyn_area_tbl td{padding:0 0 0 3px !important;}
.dyn_area_list .close_btn {text-align:center; margin-top:10px;}

.dyn_cal {position:absolute; margin-top:3px; background:#fbf5e1; padding:10px; border:1px solid #d3c9b0; display:none;z-index:200;}
.dyn_cal_tbl th {font-size:12px; !important; font-weight:bold; padding-bottom:5px;}
.dyn_cal_tbl td {font-size:12px; !important; text-align:right; padding:0 3px;}
.dyn_cal_tbl td a{color:#333; text-decoration:none !important;}
.dyn_cal_tbl td a:link{text-decoration:none !important;}
.dyn_cal_tbl td a:visited{color:#333; text-decoration:none !important;}
.dyn_cal_tbl td a:active{color:#333; text-decoration:none !important;}
.dyn_cal_tbl td a:hover{color:#333; text-decoration:underline !important;}
.dyn_cal img {border:none;}

.dyn_cal_tbl td.dyn_sutarday a{color:#1b47ff; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:link{text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:visited{color:#1b47ff; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:active{color:#1b47ff; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:hover{color:#1b47ff; text-decoration:underline !important;}

.dyn_cal_tbl td.dyn_sunday a{color:#f00; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:link{text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:visited{color:#f00; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:active{color:#f00; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:hover{color:#f00; text-decoration:underline !important;}

.dyn_cal_tbl td.dyn_disable {color:#aaa !important; text-decoration:line-through !important;}

.dyn_cal .dyn_cal_arrow {vertical-align:middle;width:20px; font-size:12px; !important;}
.dyn_cal .dyn_cal_arrow a{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:link{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:visited{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:active{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:hover{color:#f00; text-decoration:none !important;}


.dyn_cal .dyn_cal_close{font-size:12px; !important; text-align:center; padding-top:5px;}
.dyn_cal .dyn_cal_close a{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:link{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:visited{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:active{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:hover{color:#333; text-decoration:none !important;}

#dyn_more_spec {display:none;}
#dyn_spec_btn {text-align:right; padding-right:5px;}

#dyn_stay_txt option {padding:0 3px;}

a#dyn_kodawari_txt:visited{color:#1b47ff !important;}
#dyn_child_num_txt_id1 {color:#1b47ff !important;}
#dyn_child_num_txt_id2 {color:#1b47ff !important;}

#dyn-place-example{z-index:300;}
#dyn-place-example .placeexample{margin:5px 0;}
#dyn-place-example .placeexample a{color:#1b47ff; text-decoration:underline;}

#dyn-place-example .dyn-place-example-close{font-size:12px; !important; text-align:center; margin:5px 0 0 0;}
#dyn-place-example .dyn-place-example-close a{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:link{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:visited{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:active{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:hover{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close img{border:none;}
/* hanyu add start */

div#roompanel-block-mini{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 15000;
}

div#roompanel-block-mini form#roompanelMini{
	padding: 8px 8px 8px 8px;
	background: #FCF1ED;
	border: #D3C9B0 2px solid;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 20000;
	text-align: left;
	float:left;
}

div#roompanel-block-mini form#roompanelMini div.row{
	width: 220px;
	margin: 4px 4px 4px 4px;
	background: #F9DBD9;
	border: #D3C9B0 1px solid;
	float:left;
	max-width: initial !important;
	min-width: initial !important;
}

div#roompanel-block-mini form#roompanelMini div.row span.rowtitle{
	background:dimgray;
	color:white;
	border:none;
	white-space: nowrap;
	line-height:1.2;
	margin-left:2px;
	padding:0px 3px;
	font-weight:bold;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
div#roompanel-block-mini form#roompanelMini div.row table {
	width: 220px;
}

div#roompanel-block-mini form#roompanelMini div.row table tr{
	height: 25px;
}

div#roompanel-block-mini form#roompanelMini div.row table tr td.td1{
	border-bottom: #D3C9B0 1px solid;
	vertical-align: middle;
	font-weight:bold;
	padding:0px 0px 3px 3px;
	font-size: 80%;
}

div#roompanel-block-mini form#roompanelMini div.row table tr td.td2{
	border-left: #D3C9B0 1px solid;
	border-bottom: #D3C9B0 1px solid;
	vertical-align: middle;
	padding:0px 0px 3px 3px;
	font-size: 80%;
}
div#roompanel-block-mini form#roompanelMini div.row table tr td.td3{
	border-bottom: #D3C9B0 1px solid;
	vertical-align: middle;
	padding:0px 0px 3px 1em;
	font-size: 80%;
}
div#roompanel-block-mini form#roompanelMini div.row table tr td select{
	width: 60px;
}

div#roompanel-block-mini form#roompanelMini p#panel-close-btn{
	margin: 10px 0px 0px 0px;
	font-size: 80%;
	text-align: center;
	clear:both;
}

div#roompanel-block-mini form#roompanelMini p#panel-close-btn a{
	text-decoration: none !important;
	color: #333333;
}
/* hanyu add end */

/*--- from loading.css ---*/

/*
Loading style
v1.0
Last Updated: Oct 11, 2013
Author: http://www.pegipegi.com
*/

body{font-family: Arial;}
.load-content{display: block; margin: 0 auto; padding: 0; width: 960px; height: auto; text-align: center; margin-top: 150px;}
.load-content p{font-size: 16px; font-weight: bold;}

#floatingCirclesG{
    position:relative;
    width:128px;
    height:128px;
    -moz-transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -o-transform:scale(0.6);
    transform:scale(0.6);
}

.f_circleG{
    position:absolute;
    background-color:#FFFFFF;
    height:23px;
    width:23px;
    -moz-border-radius:12px;
    -moz-animation-name:f_fadeG;
    -moz-animation-duration:1.04s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -webkit-border-radius:12px;
    -webkit-animation-name:f_fadeG;
    -webkit-animation-duration:1.04s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -ms-border-radius:12px;
    -ms-animation-name:f_fadeG;
    -ms-animation-duration:1.04s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -o-border-radius:12px;
    -o-animation-name:f_fadeG;
    -o-animation-duration:1.04s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    border-radius:12px;
    animation-name:f_fadeG;
    animation-duration:1.04s;
    animation-iteration-count:infinite;
    animation-direction:linear;
}

#frotateG_01{
    left:0;
    top:52px;
    -moz-animation-delay:1.3s;
    -webkit-animation-delay:1.3s;
    -ms-animation-delay:1.3s;
    -o-animation-delay:1.3s;
    animation-delay:1.3s;
}

#frotateG_02{
    left:15px;
    top:15px;
    -moz-animation-delay:1.17s;
    -webkit-animation-delay:1.17s;
    -ms-animation-delay:1.17s;
    -o-animation-delay:1.17s;
    animation-delay:1.17s;
}

#frotateG_03{
    left:52px;
    top:0;
    -moz-animation-delay:1.04s;
    -webkit-animation-delay:1.04s;
    -ms-animation-delay:1.04s;
    -o-animation-delay:1.04s;
    animation-delay:1.04s;
}

#frotateG_04{
    right:15px;
    top:15px;
    -moz-animation-delay:0.91s;
    -webkit-animation-delay:0.91s;
    -ms-animation-delay:0.91s;
    -o-animation-delay:0.91s;
    animation-delay:0.91s;
}

#frotateG_05{
    right:0;
    top:52px;
    -moz-animation-delay:0.78s;
    -webkit-animation-delay:0.78s;
    -ms-animation-delay:0.78s;
    -o-animation-delay:0.78s;
    animation-delay:0.78s;
}

#frotateG_06{
    right:15px;
    bottom:15px;
    -moz-animation-delay:0.65s;
    -webkit-animation-delay:0.65s;
    -ms-animation-delay:0.65s;
    -o-animation-delay:0.65s;
    animation-delay:0.65s;
}

#frotateG_07{
    left:52px;
    bottom:0;
    -moz-animation-delay:0.52s;
    -webkit-animation-delay:0.52s;
    -ms-animation-delay:0.52s;
    -o-animation-delay:0.52s;
    animation-delay:0.52s;
}

#frotateG_08{
    left:15px;
    bottom:15px;
    -moz-animation-delay:0.39s;
    -webkit-animation-delay:0.39s;
    -ms-animation-delay:0.39s;
    -o-animation-delay:0.39s;
    animation-delay:0.39s;
}

@-moz-keyframes f_fadeG{
    0%{
        background-color:#ee771a}

    100%{
        background-color:#FFFFFF}

}

@-webkit-keyframes f_fadeG{
    0%{
        background-color:#ee771a}

    100%{
        background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
    0%{
        background-color:#ee771a}

    100%{
        background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
    0%{
        background-color:#ee771a}

    100%{
        background-color:#FFFFFF}

}

@keyframes f_fadeG{
    0%{
        background-color:#ee771a}

    100%{
        background-color:#FFFFFF}

}

/*-- From ob_dynamicMini --*/
.s12{font-size:75%;line-height:1.3em;}
.s14{font-size:87.5%;line-height:1.3em;}
.s16{font-size:100%;line-height:1.3em;}
.fb{font-weight:bold;}
.clear{clear:both;line-height:0em;font-size:1px;}

.dyn_area_list {position:absolute; background:#fbf5e1; padding:10px; border:1px solid #d3c9b0; display:none;z-index:201;}
.dyn_area_list div{margin:3px 0;}
.dyn_area_list img{margin-bottom:2px;}
.dyn_area_list a{ color:#303030; text-decoration:none !important;}
.dyn_area_list a:link { color:#303030; text-decoration:none !important;}
.dyn_area_list a:visited { color:#303030; text-decoration:none !important;}
.dyn_area_list a:hover { color:#303030; text-decoration:none !important;}
.dyn_area_cont {float:left;}
.dyn_area_tbl td{padding:0 0 0 3px !important;}
.dyn_area_list .close_btn {text-align:center; margin-top:10px;}

.dyn_cal {position:absolute; margin-top:3px; background:#fbf5e1; padding:10px; border:1px solid #d3c9b0; display:none;z-index:200;}
.dyn_cal_tbl th {font-size:12px; !important; font-weight:bold; padding-bottom:5px;}
.dyn_cal_tbl td {font-size:12px; !important; text-align:right; padding:0 3px;}
.dyn_cal_tbl td a{color:#333; text-decoration:none !important;}
.dyn_cal_tbl td a:link{text-decoration:none !important;}
.dyn_cal_tbl td a:visited{color:#333; text-decoration:none !important;}
.dyn_cal_tbl td a:active{color:#333; text-decoration:none !important;}
.dyn_cal_tbl td a:hover{color:#333; text-decoration:underline !important;}
.dyn_cal img {border:none;}

.dyn_cal_tbl td.dyn_sutarday a{color:#1b47ff; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:link{text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:visited{color:#1b47ff; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:active{color:#1b47ff; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sutarday a:hover{color:#1b47ff; text-decoration:underline !important;}

.dyn_cal_tbl td.dyn_sunday a{color:#f00; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:link{text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:visited{color:#f00; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:active{color:#f00; text-decoration:none !important;}
.dyn_cal_tbl td.dyn_sunday a:hover{color:#f00; text-decoration:underline !important;}

.dyn_cal_tbl td.dyn_disable {color:#aaa !important; text-decoration:line-through !important;}

.dyn_cal .dyn_cal_arrow {vertical-align:middle;width:20px; font-size:12px; !important;}
.dyn_cal .dyn_cal_arrow a{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:link{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:visited{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:active{color:#f00; text-decoration:none !important;}
.dyn_cal .dyn_cal_arrow a:hover{color:#f00; text-decoration:none !important;}


.dyn_cal .dyn_cal_close{font-size:12px; !important; text-align:center; padding-top:5px;}
.dyn_cal .dyn_cal_close a{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:link{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:visited{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:active{color:#333; text-decoration:none !important;}
.dyn_cal .dyn_cal_close a:hover{color:#333; text-decoration:none !important;}

#dyn_more_spec {display:none;}
#dyn_spec_btn {text-align:right; padding-right:5px;}

#dyn_stay_txt option {padding:0 3px;}

a#dyn_kodawari_txt:visited{color:#1b47ff !important;}
#dyn_child_num_txt_id1 {color:#1b47ff !important;}
#dyn_child_num_txt_id2 {color:#1b47ff !important;}

#dyn-place-example{z-index:300;}
#dyn-place-example .placeexample{margin:5px 0;}
#dyn-place-example .placeexample a{color:#1b47ff; text-decoration:underline;}

#dyn-place-example .dyn-place-example-close{font-size:12px; !important; text-align:center; margin:5px 0 0 0;}
#dyn-place-example .dyn-place-example-close a{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:link{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:visited{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:active{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close a:hover{color:#333; text-decoration:none !important;}
#dyn-place-example .dyn-place-example-close img{border:none;}


/* hanyu add start */

div#roompanel-block-mini{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 15000;
}

div#roompanel-block-mini form#roompanelMini{
	padding: 8px 8px 8px 8px;
	background: #FCF1ED;
	border: #D3C9B0 2px solid;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 20000;
	text-align: left;
	float:left;
}

div#roompanel-block-mini form#roompanelMini div.row{
	width: 220px;
	margin: 4px 4px 4px 4px;
	background: #F9DBD9;
	border: #D3C9B0 1px solid;
	float:left;
	max-width: initial !important;
	min-width: initial !important;
}

div#roompanel-block-mini form#roompanelMini div.row span.rowtitle{
	background:dimgray;
	color:white;
	border:none;
	white-space: nowrap;
	line-height:1.2;
	margin-left:2px;
	padding:0px 3px;
	font-weight:bold;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
div#roompanel-block-mini form#roompanelMini div.row table {
	width: 220px;
}

div#roompanel-block-mini form#roompanelMini div.row table tr{
	height: 25px;
}

div#roompanel-block-mini form#roompanelMini div.row table tr td.td1{
	border-bottom: #D3C9B0 1px solid;
	vertical-align: middle;
	font-weight:bold;
	padding:0px 0px 3px 3px;
	font-size: 80%;
}

div#roompanel-block-mini form#roompanelMini div.row table tr td.td2{
	border-left: #D3C9B0 1px solid;
	border-bottom: #D3C9B0 1px solid;
	vertical-align: middle;
	padding:0px 0px 3px 3px;
	font-size: 80%;
}
div#roompanel-block-mini form#roompanelMini div.row table tr td.td3{
	border-bottom: #D3C9B0 1px solid;
	vertical-align: middle;
	padding:0px 0px 3px 1em;
	font-size: 80%;
}
div#roompanel-block-mini form#roompanelMini div.row table tr td select{
	width: 60px;
}

div#roompanel-block-mini form#roompanelMini p#panel-close-btn{
	margin: 10px 0px 0px 0px;
	font-size: 80%;
	text-align: center;
	clear:both;
}

div#roompanel-block-mini form#roompanelMini p#panel-close-btn a{
	text-decoration: none !important;
	color: #333333;
}
/* hanyu add end */

/* Galleria Classic Theme 2012-08-07 | https://raw.github.com/aino/galleria/master/LICENSE | (c) Aino */
#galleria{
    overflow: hidden; 
}
#galleria-loader{height:1px!important}

.galleria-container {
    position: relative;
    overflow: hidden;
    background: #000;
}
.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.galleria-stage {
    position: absolute;
    top: 0;
    bottom: 60px;
    left: 0px;
    right: 0px;
    overflow:hidden;
    height: 400px !important;
}

.galleria-stage .galleria-image{
    overflow: hidden; 
}

.galleria-stage img{
    overflow: hidden;
    top:0 !important;
    width:100% !important;
    height:100% !important;
}

.galleria-thumbnails-container {
    height: 65px;
    bottom: 0px;
    position: absolute;
    left: 0;
    right: 10px;
    z-index: 9000;
    width: 700px;
    background: rgba(0,0,0,0.7);
    padding: 0 0 5px 5px;
}
.galleria-carousel .galleria-thumbnails-list {
    margin-left: 70px;
    margin-right: 70px;
}
.galleria-thumbnails .galleria-image {
	height: 48px !important;
	width: 48px !important;
	overflow: hidden;
	background: #000;
	margin: 9.5px 14px 0 0;
	border: 1px solid #000;
	float: left;
	cursor: pointer;
}
.galleria-thumbnails .galleria-image img{

    overflow: hidden;
}
.galleria-counter {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: right;
    color: #fff;
    font: normal 11px/1 arial,sans-serif;
    z-index: 1;
}
.galleria-loader {
    background: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url(classic-loader.gif) no-repeat 2px 2px;
}
.galleria-info {
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 2;
    position: absolute;
}
.galleria-info-text {
    background-color: #000;
    padding: 12px;
    display: none;
    /* IE7 */ zoom:1;
}
.galleria-info-title {
    font: bold 12px/1.1 arial,sans-serif;
    margin: 0;
    color: #fff;
    margin-bottom: 7px;
}
.galleria-info-description {
    font: italic 12px/1.4 georgia,serif;
    margin: 0;
    color: #bbb;
}
.galleria-info-close {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -753px -11px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
}
.notouch .galleria-info-close:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.touch .galleria-info-close:active{
    opacity:1;
    filter: alpha(opacity=100);
}
.galleria-info-link {
    background-position: -669px -5px;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #000;
}
.notouch .galleria-info-link:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.touch .galleria-info-link:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -62px;
    width: 100%;
    height: 62px;
    left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
    width: 62px;
    height: 124px;
    position: absolute;
    left: 10px;
    z-index: 2;
    background-position: 0 46px;
}
.galleria-image-nav-right {
    left: auto;
    right: 10px;
    background-position: -254px 46px;
    z-index: 2;
}
.notouch .galleria-image-nav-left:hover,
.notouch .galleria-image-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.touch .galleria-image-nav-left:active,
.touch .galleria-image-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    background-position: -495px 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
    opacity: .8;
    filter: alpha(opacity=80);
}
.galleria-thumb-nav-right {
    background-position: -578px 5px;
    border-right: none;
    right: 0;
    left: auto;
}
.galleria-thumbnails-container .disabled {
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: default;
}
.notouch .galleria-thumb-nav-left:hover,
.notouch .galleria-thumb-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.touch .galleria-thumb-nav-left:active,
.touch .galleria-thumb-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.notouch .galleria-thumbnails-container .disabled:hover {
    opacity: .2;
    filter: alpha(opacity=20);
    background-color: transparent;
}

.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
    display: block;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url(classic-map.png);
    background-repeat: no-repeat;
}
.galleria-thumb-nav-left{
    background: url('../img/images/arrow_left.png');
    top: 15px;
    left: 28px;
}
.galleria-thumb-nav-right{
    background: url('../img/images/arrow_right.png');
    top: 15px;
    right: 28px;
}


/** pepepoin 20140411 **/
.pepepoin{display: block; margin: 0 auto; padding: 0; font-weight: bold; line-height: normal;}
.pepepoin .pull-left{width: 67px; margin-right: 10px; margin-top: -3px; height: 50px;}
.pepepoin .pull-right{width: 143px;}
.pepepoin .pull-right h5{font-size: 16px; margin: 0;}
.pepepoin .pull-right p{margin: 0;}
.pepepoin h3{font-size: 16px;}
.pepepoin button{
    width: 100%; text-shadow:-1px -1px 1px #555555; margin-top: 10px;
    background: rgb(238,119,26); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(238,119,26,1) 0%, rgba(233,90,28,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,119,26,1)), color-stop(100%,rgba(233,90,28,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,119,26,1) 0%,rgba(233,90,28,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,119,26,1) 0%,rgba(233,90,28,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,119,26,1) 0%,rgba(233,90,28,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,119,26,1) 0%,rgba(233,90,28,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee771a', endColorstr='#e95a1c',GradientType=0 ); /* IE6-9 */
}
.pepepoin button:hover{
    background: rgb(253,153,75); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,153,75,1) 0%, rgba(233,90,28,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,153,75,1)), color-stop(100%,rgba(233,90,28,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* W3C */
}
.pepepoin button:active{
    background: rgb(233,90,28); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(233,90,28,1) 0%, rgba(253,153,75,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,90,28,1)), color-stop(100%,rgba(253,153,75,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(233,90,28,1) 0%,rgba(253,153,75,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(233,90,28,1) 0%,rgba(253,153,75,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(233,90,28,1) 0%,rgba(253,153,75,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(233,90,28,1) 0%,rgba(253,153,75,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e95a1c', endColorstr='#fd994b',GradientType=0 ); /* IE6-9 */
}
.panel-fhead{
	border-radius: 7px 7px 0 0;
	background: rgb(255,144,13); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,144,13,1) 0%, rgba(223,94,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,144,13,1)), color-stop(100%,rgba(223,94,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,144,13,1) 0%,rgba(223,94,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,144,13,1) 0%,rgba(223,94,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,144,13,1) 0%,rgba(223,94,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,144,13,1) 0%,rgba(223,94,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff900d', endColorstr='#df5e00',GradientType=0 ); /* IE6-9 */
    padding: 0px 20px;
}
.panel-fhead h3{
	color: #FFF;
	margin: 0;
}
/*Easy voucher css*/
.floating-disc{
    position: fixed;
    bottom: 0;
    right:10px;
    z-index: 9999;
    //background: rgba(0,0,0,0.3);
}
#close-float{
    margin-top: 8px;
}
#myModalfloat{
    z-index: 9999;
}
.float-body{
    position: relative;
}
.float-pilih{
    position: absolute;
}
#klik-disini{
    position: relative;
    border-radius: 8px 8px 0 0;
}
.voucher-code,.voucher-code2{
    color: #333;
    position: absolute;
top: 78px;
left: 101px;
    font-size: 14px;
    font-weight: bold;
}
.voulist,.voutgl{
    position: absolute;
top: 100px;
left: 25px;
    font-size: 12px;
    color:#FFF;
    cursor: auto;
}
.topli{
    margin-top: -5px;
}
.voutgl{
    top:131px;
    left:18px;
    font-weight: bold;
    text-shadow:1px 1px 3px #888888;
}
.voucari{
margin-left: 47px;
color: #FFF;
font-size:14px;
width: 107px;
display: inline-block;
line-height: 15px;
}

.voucari:hover{
    color:#FFF;
}
.voucher-code2{
padding-top: 2px;
top: 74px;
left: 17px;
width: 218px;
height: 24px;
color:#FFF;
background: blue;
z-index: 9000;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
#klik-disini{
   height: 37px;
   background: #ff6600;
   padding-top: 5px; 
   padding-right: 5px;
   cursor:pointer;
}
.pepenew{
position: absolute;
top: -24px;
left: -15px;
}
.fl2{
    width: 300px;
}
.kupon-input{
    height: 18px !important;
    padding: 2px;
}
.kupon-btn{
    height: 29px;
    width: 32px;
    padding: 0;
}
.batal-kupon-btn{
    height: 29px;
    width: 75px;
    padding: 0;
}
#klik-disini p.temukan{
    font-size: 11px !important;
    border-top: 1px solid red;
    margin-left: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.temukan strong{
    font-size: 11px;
}
.fl-apply{
    font-size: 11px;
    width: 225px;
}
.fl3{
    width: 274px !important;
    height: 80px !important;
}
.fl3 p{
    width: 200px;
}
#klik-disini p#temu{
    font-size: 11px !important;
    border: none !important;
    margin: -5px 0 0 10px!important;
}
#temu strong{
    font-size: 11px !important;
}
.fl3 .pepenew{
    margin-top: 7px;
}
.bub{
    top:-100px;
right: 195px;
position: absolute;
}
.bubble{
    background: #f3961c;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
background: -moz-linear-gradient(#f9d835, #f3961c);
background: -o-linear-gradient(#f9d835, #f3961c);
background: linear-gradient(#f9d835, #f3961c);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 15px;
width: 200px;
text-align: center;
position: relative;
color: black;
}
.bubble:after {
content: "";
position: absolute;
bottom: -16px;
left: 55px;
border-width: 17px 0 0 20px;
border-style: solid;
border-color: #f3961c transparent;
display: block;
width: 0;
}
#step1{
    cursor: pointer;
}
.clp{
    position: absolute;
	z-index: 9999;
	right: 6px;
	top: -14px;
	cursor: pointer;
}
/*Easy voucher css*/

/** Begin new header design **/
.hotel-btn{
    color: #fff;
    text-shadow: 0 1px 1px rgba(157, 135, 118, 1);
}
.hotel-btn i{
    padding-top: 3px;
}
.flight-btn{position: relative;}
.flight-btn a{
    color: #fff;
    text-shadow: 0 1px 1px rgba(157, 135, 118, 1);
}
.flight-btn i{
    padding-top: 4px;
}
header .tooltip{opacity: 1;}
header .tooltip.top{margin-top: 0; padding: 5px 0; top: -22px; right: 0;}
header .tooltip-inner{background-color: #d40000; padding: 0 5px;}
header .tooltip.top .tooltip-arrow{border-top-color: #c9302c;}
.flight-btn span.new{color: #ff0000; font-size: 11px; text-shadow: 0 0 1px rgba(255, 255, 255, 1); position: absolute; right: 3px; top: -8px;}
.container ul.nav2{position: absolute; top: 60px; right: 0;}
.container ul.nav2 li{float: left; margin: 0 0 0 20px;}
.container ul.nav2 li li{float: left; margin: 0 20px;}
.container ul.nav2 li.dropdown {margin: 0;}
.nav2>li>a{font-size: 13px;}
.nav2>li>a:hover, .nav2>li>a:focus{background: none; outline: none;}
.container .caret{border-top: 5px solid #ff8b00; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); margin-left: 4px;}
.nav2 li.dropdown.open .caret,
.nav2 li.dropdown.open.active .caret,
.nav2 li.dropdown.open a:hover .caret,
.nav2 li.dropdown.open a:focus .caret{border-top-color: #ff8b00; border-bottom-color: #ff8b00;}
.dropdown-menu{right: 0; left: inherit;}
.dropdown-menu>li>a{width: auto; padding: 3px 0;}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a{background: none; color: #333; text-shadow: 0 1px 1px rgba(170, 170, 170, 1);}

.bayang{-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);}
.container .box-anon{position: absolute; top: 80px; right: -30px; display: block; width: 230px; border-width: 2px; border-style: solid; border-color: #e95a1c; background-color: #fff; color: #555; z-index: 1; line-height: normal; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.container .box-anon h1{margin: 0 auto 5px; padding: 0; line-height: normal; font-size: 16px;}
.container .box-anon .cari{width: 100%; font-size: 16px; margin-top: 10px;}
.container .box-anon p{margin-bottom: 2px;}
.container .box-anon .closeNa{
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -10px;
    top: -10px;
    z-index: 2;
    cursor: pointer;
    font-size: 13px;
    border-width: 2px; border-style: solid; border-color: #e95a1c; background-color: #fff; color: #e95a1c;
    -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 1px; text-align: center; line-height: 16px;
}
.container .tri:before {
    position: absolute;
    display: inline-block;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-right: 7px solid transparent;
    border-bottom-color: rgba(233, 90, 28, 1);
    right: 45px;
    top: -8px;
    content: '';
}
.container .tri:after {
    position: absolute;
    display: inline-block;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-right: 6px solid transparent;
    right: 46px;
    top: -5px;
    content: '';
}

/** Begin frame ctr **/

footer section:nth-child(3){padding-top: 0;}

.frameCtr{display: block; margin: 0 auto; padding: 0; }

.frameCtr h1{display: block; margin: 0 auto; padding: 0; font-size: 16px; line-height: 10px; text-shadow: 0 1px 1px rgba(170, 170, 170, 1);}
.frameCtr ul{margin: 10px auto 0; padding: 0;}
.frameCtr ul li{display: block; float: left; margin: 0 20px 0 0; padding: 0;}
.frameCtr ul li:nth-child(2){margin-right: 7px;}
.frameCtr form{margin-top: 7px;}
.frameCtr input[type="text"], .frameCtr input[type="email"]{width: 150px; margin: 0 5px 0 0; padding: 0 5px; font-size: 12px; height: 24px;}
.frameCtr button{
    padding: 2px 10px;
    background: rgb(253,153,75); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,153,75,1) 0%, rgba(233,90,28,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,153,75,1)), color-stop(100%,rgba(233,90,28,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,153,75,1) 0%,rgba(233,90,28,1) 100%); /* W3C */
}
.frameCtr button:hover{
    background: rgb(255,173,117); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,173,117,1) 0%, rgba(255,128,63,1) 40%, rgba(247,78,31,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,173,117,1)), color-stop(40%,rgba(255,128,63,1)), color-stop(100%,rgba(247,78,31,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,173,117,1) 0%,rgba(255,128,63,1) 40%,rgba(247,78,31,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,173,117,1) 0%,rgba(255,128,63,1) 40%,rgba(247,78,31,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,173,117,1) 0%,rgba(255,128,63,1) 40%,rgba(247,78,31,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,173,117,1) 0%,rgba(255,128,63,1) 40%,rgba(247,78,31,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad75', endColorstr='#f74e1f',GradientType=0 ); /* IE6-9 */

}
.sa-wa{background-position: -72px -32px; width: 29px; height: 29px; position: relative; top: -5px; left: -2px; margin-right: 3px;}
.sa-line{background-position: -101px -32px; width: 29px; height: 29px; position: relative; top: -4px; left: -2px; margin-right: 3px;}
.sa-mail{background-position: -154px -32px; width: 26px; height: 24px; margin-top: -2px;}
.sa-bb{background-position: -130px -32px; width: 24px; height: 24px; margin-top: -2px;}
.sa-phone{background-position: -178px -32px; width: 24px; height: 24px; margin-top: -2px;}

.frameCtr em{color: #e95a1c; font-size: 12px; background: #fff; font-style: normal; margin-left: -15px; padding: 2px 7px 2px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:0 0 3px rgba(0,0,0,.1); -moz-box-shadow:0 0 3px rgba(0,0,0,.1); box-shadow:0 0 3px rgba(0,0,0,.1);}
/** End frame ctr **/
ul.hotel-list li.box-list .ta-rev .box-ta{display: block; margin: 0 auto; padding: 0 0 3px; line-height: normal; border-bottom: 1px solid #f8f8f8;}
ul.hotel-list li.box-list:hover .ta-rev .box-ta{ border-bottom: 1px solid #dbe9f7;}
ul.hotel-list li.box-list .ta-rev .box-ta img{height: 16px;}
ul.hotel-list li.box-list .ta-rev .box-ta p.title{font-size: 10px; color: #777; margin: 0 0 3px;}
ul.hotel-list li.box-list .ta-rev .box-ta p.score{font-size: 16px; font-weight: bold; color: #589442; margin: 0 5px 0 0; padding: 0;}
ul.hotel-list li.box-list .ta-rev .box-ta span.tot-rev{font-size: 11px; color: #777; font-weight: normal;}
ul.hotel-list li.box-list .ta-rev .box-ta span.tot-rev strong{font-size: 12px;}

ul.hotel-list li.box-list .ta-rev .box-pepe{display: block; margin: -5px auto 3px; padding: 0; line-height: normal;}
ul.hotel-list li.box-list .ta-rev .box-pepe p.title{font-size: 10px; color: #777; margin: 0 0 3px;}
ul.hotel-list li.box-list .ta-rev .box-pepe p.score{font-size: 16px; font-weight: bold; color: #ff8b00; margin: 3px 5px 0 0; padding: 0;}
ul.hotel-list li.box-list .ta-rev .box-pepe span.tot-rev{font-size: 11px; color: #777; font-weight: normal;}
ul.hotel-list li.box-list .ta-rev .box-pepe span.tot-rev strong{font-size: 12px;}
ul.hotel-list li.box-list .ta-rev .box-pepe .pepe{display: block; margin: 0 auto; padding: 0;}
ul.hotel-list li.box-list .ta-rev .box-pepe .pepe i{font-size: 15px; color: #ff8b00; vertical-align: 2px; margin: 0 0 0 -4px;}
ul.hotel-list li.box-list .ta-rev .box-pepe .pepe .ico-pepe{display: inline-block; background: url("../img/ico-pepe.svg") no-repeat center; width: 18px; height: 18px; background-size: 17px; margin: 0 5px 0 4px; padding: 0;}

.box-ulas{
    display: block;
    margin: 0 auto;
    padding: 20px;
    padding-bottom: 20px;
}
.box-ulas h2{
    margin: 0;
    padding-bottom: 10px;
    line-height: normal;
}
.box-ulas .total-ulas{
    display: block;
    margin: 0 auto 10px;
    padding: 0 0 8px;
    border-bottom: 1px solid #d9d9d9;
}
.box-ulas .total-ulas .score{
    display: block;
    width: 52px;
    height: 67px;
    margin: 0 0 0 2px;
    padding: 0;
    background: url("../img/ico-ulasan.png") no-repeat;
    position: relative;
}
.box-ulas .total-ulas .score .point{
    display: block;
    width: 52px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #f8ad17;
}
.box-ulas .total-ulas .ulasan{
    display: block;
    width: 589px;
    margin: 0;
    padding: 0;
}
.box-ulas .total-ulas .ulasan h1{
    font-size: 16px;
    line-height: normal;
    color: #000;
}
.box-ulas .total-ulas .ulasan ul{
    margin: 0 auto;
    padding: 0;
}
.box-ulas .total-ulas .ulasan ul li{
    display: block;
    float: left;
    width: 294px;
    margin: 0;
    padding: 0 0 2px;
    line-height: normal;
}
.box-ulas .total-ulas .ulasan ul li .rev-tit{
    width: 150px;
}
.box-ulas .total-ulas .ulasan ul li .rev-star{
    width: 90px;
    color: #ff8b00;
}
.box-ulas .total-ulas .ulasan ul li .rev-score{
    width: 30px;
    font-weight: bold;
}
.box-ulas ul.list-ulas{
    margin: 0 auto;
    padding: 0;
}
.box-ulas ul.list-ulas li{
    display: block;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #eee;
}
.box-ulas ul.list-ulas li .box-score{
    display: inline-block;
    width: 56px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.box-ulas ul.list-ulas li .box-score span{
    font-size: 11px;
    color: #888;
}
.box-ulas ul.list-ulas li .box-score .score{
    display: block;
    width: 52px;
    height: 52px;
    margin: 0 2px 5px;
    padding: 0;
    background: #fdb74a;
    color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    line-height: 52px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.box-ulas ul.list-ulas li .ulasan{
    display: block;
    width: 589px;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.box-ulas ul.list-ulas li .ulasan p{margin: 0;}
.box-ulas ul.list-ulas li .ulasan ul.rev-rat{
    margin: 5px auto 0;
    padding: 0;
}
.box-ulas ul.list-ulas li .ulasan ul.rev-rat li{
    display: block;
    float: left;
    width: 294px;
    margin: 0 auto;
    padding: 0 0 2px;
    line-height: normal;
    border: none;
}
.box-ulas ul.list-ulas li .ulasan ul.rev-rat li .rev-tit{
    width: 150px;
}
.box-ulas ul.list-ulas li .ulasan ul.rev-rat li .rev-star{
    width: 90px;
    color: #ff8b00;
}
.box-ulas ul.list-ulas li .ulasan ul.rev-rat li .rev-score{
    width: 30px;
    font-weight: bold;
}
.box-ulas ul.list-ulas li .ulasan span{
    font-size: 12px;
    color: #888;
}
.box-ulas ul.list-ulas li .ulasan .quote{
    background: #fff1de;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0 0;
    padding: 10px;
}
.box-ulas .pagination{margin-bottom: 0;}

.side-ulas{display: block; margin: 0 auto; padding: 0;}
.side-ulas .total-ulas{display: block; margin: -5px auto 10px; padding: 0;}
.side-ulas .total-ulas h4{font-size: 12px; font-family: verdana; color: #000; margin: 0; padding: 0;}
.side-ulas .total-ulas .score{display: block; width: 85px; height: 100px; margin: 0 auto; padding: 0; background: url("../img/ico-ulasan.svg") no-repeat center top; background-size: 60px; position: relative; top: 5px;}
.side-ulas .total-ulas .score .point{display: block; width: 85px; margin: 0 auto; padding: 0; text-align: center; position: absolute; top: 20px; font-size: 18px; font-weight: bold; color: #f37d2a; font-family: verdana;}
.side-ulas .total-ulas .score .rev{display: block; width: 85px; margin: 0 auto; padding: 0; text-align: center; position: absolute; bottom: 0; font-family: verdana; font-size: 11px;}
.side-ulas .total-ulas .rev{display: block; width: 130px; margin: 0 auto; padding: 0;}
.side-ulas .total-ulas .rev p{font-family: verdana; font-size: 10px; margin: 0; padding: 5px; line-height: normal; background: #f9f9f9; color: #777;}
.side-ulas .total-ulas .rev .box-user{display: block; margin: 5px 0 0 3px; padding: 0;}
.side-ulas .total-ulas .rev .box-user i{margin-right: 5px; margin-top: 1px; color: #777;}
.side-ulas .total-ulas .rev .box-user p{margin: 0; line-height: 9px; color: #777; font-size: 11px; font-weight: bold; padding: 2px 0 0; background: none;}
.side-ulas .total-ulas .rev .box-user small{font-weight: normal;}
.side-ulas ul{margin: 0 auto 5px; padding: 0 0 15px; color: #000;}
.side-ulas ul li{line-height: normal; font-family: verdana;}
.side-ulas ul li .judul, .side-ulas ul li .rate, .side-ulas ul li .poin{display: inline-block;}
.side-ulas ul li .judul{font-size: 11px; width: 113px;}
.side-ulas ul li .rate i{font-size: 13px; color: #ff8b00; margin-left: -2px;}
.side-ulas ul li .poin{font-weight: bold; font-size: 11px; margin-left: 5px;}
.side-ulas ul li:last-child{margin-top: 20px;}
.side-ulas ul li:last-child a{font-weight: bold; font-size: 13px; color: #006699; padding: 10px 0 0;}
.side-ulas iframe{margin-left: -10px;}
.side-ulas .border-bottom{ border-bottom: 1px solid #e4e4e4;}

.isi-infoarea{background: #fff; margin: 0 auto; padding: 0 0 5px; box-shadow: 0 2px 5px #bbbbbb; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.isi-infoarea h4{font-size: 16px; background: #f7f7f7; border-left: 9px solid #fdb74a; margin: 0; padding: 10px; color: #555;}
.isi-infoarea h4.bor-top{-webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.isi-infoarea h4.bor-bot{-webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;}
.isi-infoarea h4 a{color: #464646; display: block; cursor: pointer;}
.isi-infoarea h4 a:hover, .isi-infoarea h4 a:focus{text-decoration: none;}
.isi-infoarea h4 i{color: #ff8b00;}
.isi-infoarea h5{font-size: 16px; margin: 0 0 5px; padding: 0;}
.isi-infoarea h6{font-size: 14px; margin: 0; padding: 0;}
.isi-infoarea h6 i{color: #ff8b00; margin-right: 3px;}
.isi-infoarea .panel{margin-bottom: 5px;}
.isi-infoarea .panel-body{padding: 15px 15px 0; font-size: 13px; line-height: normal;}
.isi-infoarea .menu{display: block; margin: 0 auto; padding: 0;}
.isi-infoarea .menu ul{list-style:none;margin:0;padding:0;}
.isi-infoarea .menu > ul > li{margin: 0 5px; padding:0; float: left; width: 213px; height: 190px;}
.isi-infoarea .menu > ul > li + li{}
.isi-infoarea .menu > ul > li > a{text-decoration:none; font-size: 14px; font-weight: bold;}
.isi-infoarea .menu > ul > li ul{display:block;}
.isi-infoarea .menu > ul > li a.active{font-weight:bold;display:block;}
.isi-infoarea .menu > ul > li a.active + ul,.box-category > ul > li:hover ul{display:block;}
.isi-infoarea .menu > ul > li ul > li{padding:0 5px 0 10px;}
.isi-infoarea .menu > ul > li ul > li + li{}
.isi-infoarea .menu > ul > li ul > li > a{text-decoration:none;display:block;}
.isi-infoarea .menu > ul > li ul > li > a.active{font-weight:bold;}
.isi-infoarea .menu > ul > li ul > li > i{float: left; margin: 2px 5px 0 0; color: #ff8b00;}


.top-box .side ul{list-style:none;margin:0;padding:0;}
.top-box .side > ul > li{padding:0;}
.top-box .side > ul > li + li{}
.top-box .side > ul > li > a{text-decoration:none;}
.top-box .side > ul > li ul{display:block;}
.top-box .side > ul > li a.active{font-weight:bold;display:block;}
.top-box .side > ul > li a.active + ul,.box-category > ul > li:hover ul{display:block;}
.top-box .side > ul > li ul > li{padding:0 5px 0 10px;}
.top-box .side > ul > li ul > li + li{}
.top-box .side > ul > li ul > li > a{text-decoration:none;display:block;}
.top-box .side > ul > li ul > li > a.active{font-weight:bold;}
.top-box .side > ul > li ul > li > i{float: left; margin: 2px 5px 0 0; color: #ff8b00;}

.area-info-footer {
    margin-top: 25px;
}

/** Pepe bday Style **/
.pepebday{display: block; width: 125px; height: auto; position: fixed; top: 110px; left: 10px; margin: 0 auto; padding: 0; border: 1px solid #f78425; background-image: url('../img/images/pepebday.jpg'); background-color: #f78425; background-repeat: no-repeat; background-position: top;}
.pepebday ul{margin: 0 auto; padding: 155px 0 10px;}
.pepebday ul li{margin: 0 auto; padding: 0; text-align: center;}
.pepebday ul li button{background: #337ab7; border: none; font-family: 'open sans'; font-size: 16px; font-weight: 400; color: #fff; margin: 8px auto 0; padding: 5px 10px; text-transform: uppercase;}
.pepebday ul li button:hover{background: #005580;}
.pepebday ul li .box{display: block; margin: 0; padding: 0; color: #fff;}
.pepebday ul li .box h1{font-family: 'open sans'; font-size: 28px; font-weight: 800; margin: 0; padding: 0; line-height: 28px;}
.pepebday ul li .box h2{font-family: 'open sans'; font-size: 16px; font-weight: 400; margin: 0; padding: 0; line-height: 16px;}
.pepebday ul li .box ul{margin: 12px auto 0; padding: 0;}
.pepebday ul li .box ul li{border-bottom: 1px dashed #fff; padding: 5px 0;}
.pepebday ul li .box ul li:first-child{border-top: 1px dashed #fff;}
.pepebday ul li .box ul li h1{font-family: 'open sans'; font-size: 18px; font-weight: 800; margin: 0; padding: 0; line-height: 18px;}
.pepebday ul li .box ul li p{font-family: 'open sans'; font-size: 10px; font-weight: 400; margin: 0; padding: 0; line-height: normal;}

.box-result2 .right{position: relative;}
.box-result2 .right .kamar{position: absolute; right: 145px; bottom: 5px;}
.box-result2 .right .kamar select{width: 50px; height: 40px;}
.box-result2 .right .kamar label{margin: 0; font-size: 12px;}
.box-result2 .right .allot{display: inline-block; width: 135px; position: absolute; right: 0; bottom: 45px; font-size: 12px; color: red;}