@charset "utf-8";

/*
-----------------------------------------------
Created with Notepad++
User: Yohanes Budi Santosa, Dedi, Monmon
Date: 07-07-2015
Time: 09:25
-----------------------------------------------
*/
/*font awesome*/
@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont_v-4.3.0.eot);src:url(https://www.pegipegi.com/ph/assets/fonts/fontawesome-webfont.eot#iefix&v=4.3.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff) format('woff2'),url(../fonts/fontawesome-webfont_v-4.3.0.woff) format('woff'),url(../fonts/fontawesome-webfont_v-4.3.0.ttf) format('truetype'),url(../fonts/fontawesome-webfont_v-4.3.0-fontawesomeregular.svg) format('svg');font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}
.fa-chevron-left:before{content: "\f053"}
.fa-chevron-right:before{content: "\f054"}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before{content: "\f123"}
.fa-star:before{content:"\f005"}
.fa-star-o:before{content:"\f006"}
.fa-star-half:before{content:"\f089"}

a{text-decoration: none;}
*{outline:none !important; box-sizing: border-box;}
.clear{clear:both;}
body{background:#fff;padding:0;margin:0;line-height:1.6em;color:#333;font-size:14px;font-family:arial,sans-serif;text-align:center;}
ul{margin-top:0;margin-bottom:10px}
.outer-wrapper,.content-wrapper{text-align:left;padding:0;margin:0;}

/* Widget */
.widget{padding:10px;margin:0 auto -1px;width:980px;}
.widget .titleWidget{background:#edeff1;color:#333;padding:7px 10px 7px 20px;margin:-10px -10px 10px;font-size:16px;font-weight:bold;border-left:8px solid #ff9c00;}
.widget .content{line-height:1.5em;text-align:justify;}

/* Widget Promo Hotel */
.widget.promoHotel .content{border:1px solid #ccc;border-top:0;margin:-10px -10px 0;padding:20px 20px 0;}
.widget.promoHotel .content .tabPromo{padding:10px 0 0;margin:0;position:relative;}
.widget.promoHotel .content .tabPromo .nav-tabs,.widget.promoHotel .content .tabPromo .nav-tabs > li.active, .widget.promoHotel .content .tabPromo .nav-tabs > li.active:focus, .widget.promoHotel .content .tabPromo .nav-tabs > li.active:hover{border-color:#ccc;border-bottom:none;font-weight:bold;cursor: pointer;}
.widget.promoHotel .content .tabPromo .nav-tabs > li{border-radius:0;font-weight:normal;padding:12px 35px;}
.widget.promoHotel .content .tabPromo .nav-tabs > li:hover{border-bottom:none;}
.widget.promoHotel .content .tabPromo .tab-content{border:1px solid #ccc;margin:0 0 20px;padding:10px 20px;}
.widget.promoHotel .content .tabPromo .nav-tabs > li.active, .widget.promoHotel .content .tabPromo .nav-tabs > li.active:focus, .widget.promoHotel .content .tabPromo .nav-tabs > li.active:hover{border-bottom:none;padding:12px 35px 13px;}
.hotelSliderWrap{width:898px !important;overflow:hidden;padding:0;}
.hotelSliderWrap ul,.hotelSliderWrap li{padding:0;margin:0;list-style:none;}
.widget.promoHotel .content .tabPromo .hotelSlider .prev,.widget.promoHotel .content .tabPromo .hotelSlider .next{position:absolute;left:-11px;top:50%;margin-top:-25px;width:25px;height:50px;background:#ff9c00;color:#fff;text-align:center;line-height:50px;font-size:20px;z-index:3;cursor:pointer;}
.widget.promoHotel .content .tabPromo .hotelSlider .next{right:-13px;left:auto;}
.widget.promoHotel .content .tabPromo .hotelSlider .prev.disabled,.widget.promoHotel .content .tabPromo .hotelSlider .next.disabled{background:#eee;color:#ccc;}
.widget.promoHotel .content .tabPromo .tab-content .box{width: 224px; height: 350px !important; background: #fff; float: left; margin: 0 auto;}
.widget.promoHotel .content .tabPromo .tab-content .box:hover{background:#fafafa;}
.widget.promoHotel .content .tabPromo .tab-content .box:hover .cari{background:linear-gradient(to bottom, #EE771A 0%, #E95A1C 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.widget.promoHotel .content .tabPromo .tab-content .box:last-child{margin-right: 0;}
.widget.promoHotel .content .tabPromo .tab-content .last{margin-right:0;}
.widget.promoHotel .content .tabPromo .tab-content .box .img-container{display:block; padding:10px; position: relative;}
.widget.promoHotel .content .tabPromo .tab-content .box .img-container .searchDiscount{background:url(../../../rsc/common/mobile/img/new-diskon-search-result.png) no-repeat -0 -0;z-index:2;position:absolute;top:7px;left:15px;width:40px;height:54px; background-size: 100px;}
.widget.promoHotel .content .tabPromo .tab-content .box .img-container .searchDiscount span{color:#fff !important;width:40px;height:40px;overflow:hidden;display:block;--text-align:center;font-size: 10px; font-weight:300;text-transform:uppercase;line-height:1.2em;padding:8px;margin:0;}
.widget.promoHotel .content .tabPromo .tab-content .box .img-container .searchDiscount span strong{font-size: 13px;}
.widget.promoHotel .content .tabPromo .tab-content .box .discount img{width:113px;height:116px;}
.widget.promoHotel .content .tabPromo .tab-content .box .img-container img{display:block;height:150px;width:300px;max-width:100%;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket{border-bottom: 1px solid #d2d2d2; margin: 0 10px; padding: 0 0 2px;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket .bintang{color: #ff9c00; font-size: 12px; vertical-align: top;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket p{color: #999999;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket h1{font-size: 14px; color: #3670B7; font-weight: 600; cursor:pointer; margin: 0 5px 0 0; line-height: normal;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket .hotel-info{height: 115px; overflow: hidden; position: relative;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket .hotel-info p{color: #444 !important; font-size: 11px; line-height: normal; margin: 0; padding: 0;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket .hotel-info h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket .hotel-info .ratingPP{position: absolute;bottom: 6px; width:auto; height: 20px; margin: 0 auto; padding: 0;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket .hotel-info .ratingPP .boxRating{background: #ec5b1d;width: 25px;height: 20px;float: left;color: #fff;overflow: hidden;font-weight: bold;text-align: center;line-height: 20px;margin: 0 5px 0 0;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket .hotel-info .ratingPP .icon{width: 60px; margin-right: 2px; vertical-align: -3px;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket .hotel-info .ratingPP .countRating{clear:both; color: #999; font-size:11px; font-weight: 300; vertical-align: 1px;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket .hotel-info .ratingPP .countRating .countNumber{font-weight: bold}
.widget.promoHotel .content .tabPromo .tab-content .box .ket .hotel-info .ratingTA{position: absolute;bottom: 6px; right: 0; width:auto; height: 20px; margin: 0 auto; padding: 0;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket .hotel-info .ratingTA .boxRating{background: #00a680;width: 25px;height: 20px;float: left;color: #fff;overflow: hidden;font-weight: bold;text-align: center;line-height: 20px;margin: 0 5px 0 0;}
.widget.promoHotel .content .tabPromo .tab-content .box .ket .hotel-info .ratingTA .icon{width: 60px; margin-right: 2px;}
.widget.promoHotel .content .tabPromo .tab-content .box .act{background: #fafafa; background: -moz-linear-gradient(top, #fafafa 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(top, #fafafa 0%,#f7f7f7 100%);background:-o-linear-gradient(top, #fafafa 0%,#f7f7f7 100%); background: -ms-linear-gradient(top, #fafafa 0%,#f7f7f7 100%); background: linear-gradient(to bottom, #fafafa 0%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f7f7f7',GradientType=0); border-top: 1px solid #FFFFFF; display: block; margin: 0 10px; padding: 12px 10px 15px;}
.widget.promoHotel .content .tabPromo .tab-content .box .act .price{width: 124px; position:relative; top: -4px; color: #333; float: left;}
.widget.promoHotel .content .tabPromo .tab-content .box .act .price h1{font-size: 16px; font-family: arial; margin: 0 0 5px; line-height: 17px;}
.widget.promoHotel .content .tabPromo .tab-content .box .act .price .disc{color:#444;font-size:12px;text-decoration:none;margin-left:5px;}
.widget.promoHotel .content .tabPromo .tab-content .box .act .price span{text-decoration:line-through;color:#999;margin-bottom:3px;}
.widget.promoHotel .content .tabPromo .tab-content .box .act .price span.kosong{display: block; margin-top: 0px; opacity: 0;}
.widget.promoHotel .content .tabPromo .tab-content .box .act .cari{width: 60px; height: 34px; margin: 0 auto; padding: 3px 0; font-size: 14px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px #888; background:rgb(59,124,202); border: none;}
.widget.promoHotel .content .tabPromo .tab-content .box .act .cari:hover{background:rgb(92,156,233);background:-moz-linear-gradient(top, rgba(92,156,233,1) 0%, rgba(45,94,154,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,156,233,1)), color-stop(100%,rgba(45,94,154,1)));background:-webkit-linear-gradient(top, rgba(92,156,233,1) 0%,rgba(45,94,154,1) 100%);background:-o-linear-gradient(top, rgba(92,156,233,1) 0%,rgba(45,94,154,1) 100%);background:-ms-linear-gradient(top, rgba(92,156,233,1) 0%,rgba(45,94,154,1) 100%);background:linear-gradient(to bottom, rgba(92,156,233,1) 0%,rgba(45,94,154,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c9ce9', endColorstr='#2d5e9a',GradientType=0);}
.widget.promoHotel .content .tabPromo .tab-content .box .act .price div.pt-reward{color:red;text-decoration:none;margin:2px 0px 0px;padding:0px;display:block;font-family:arial;font-size:10px;line-height:12px}
.widget.promoHotel .content .tabPromo .tab-content .box .act .price div.pt-reward span.pt-bold{font-weight:bold;color:red;text-decoration:none;font-size:11px;}
.widget.promoHotel .content .tabPromo .tab-content .box a:hover{text-decoration:none !important;}
.widget.promoHotel .content .tabPromo .tab-content > .title{clear:both;display:table;}

/*nav*/
.nav{padding-left:0;margin-bottom:0;list-style:none;display:block;}
.nav-tabs>li{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav>li.hotelCategory{display: inline-block;}
.nav>li{position:relative;display:block;padding:10px 15px}
.nav>li{position:relative;display:block;padding:10px 15px}
.nav>li:focus,.nav>li:hover{text-decoration:none;background-color:#eee}
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}
.nav-tabs{border-bottom:1px solid #ccc}
.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li:hover{border-color:#eee #eee #ccc}
.nav-tabs>li.active,.nav-tabs>li.active:focus,.nav-tabs>li.active:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ccc;border-bottom-color:transparent}
.nav-tabs>li.hotelCategory{color:#f97432;text-decoration:none;font-weight: normal;}
.nav-tabs>li.hotelCategory.active{color:#555;cursor:default;background-color:#fff;border:1px solid #ccc;border-bottom-color:transparent;font-weight: bold;}
.nav:before, .nav:after, .nav-tabs:before {display:table;content:" "}
.nav:after, .nav-tabs:after{clear:both}

/* Rating */
.rat {padding: 5px 0 0;display: inline-block; position: absolute; bottom: 0;}
.rat > * {display: inline-block;margin: 5px 0 0;}
.ratingList{margin:0 auto; padding: 0; line-height: normal;}
.ratingList .ratingLeft p{color:#FF8B00;margin:0;font-weight:bold;}
.ratingList.ratingLow .ratingLeft p{color:#333;font-weight:initial;}
.ratingList .ratingLeft h6{color:#999;margin:0;}
.ratingList .ratingRight> span {color: #898989;font-size: 13px;font-weight: 400;}
.ratingList .ratingRight> span:first-child{color:#FF8B00;margin:0;font-size:15px;font-weight:bold; vertical-align: -1px;}
.ratingList .ratingRight> span:last-child {font-size: 12px;}
.ratingList.ratingTripadvisor > * > span {font-size: 12px;color: #898989;font-weight: 400; vertical-align: 4px;}
.ratingList.ratingTripadvisor .ratingRight h2{color:#00b087;}
.ratingList.ratingLow .ratingRight h2{color:#333;font-weight:initial;}