@charset "utf-8";
/* Stylesheet File                                                  */
/* banner.css                                                       */
/* Modified 30 Oct, 2014                                           */

/* reset browser style */

div, dl, dt, dd, iframe, img { border: none; padding: 0; margin: 0; }
header, footer, section, article, nav, menu, aside, details, figure, figcaption, hgroup, summary { display: block; padding: 0; margin: 0; }
nav ul li { margin: 0; list-style-image: none; list-style: none; line-height: normal; }
audio, canvas, video { display: inline-block; }

/* fundamental style */

html { height: auto !important; min-height: 100%; height: 100%; /* needed to get the 100% height of content */ }
body { height: auto !important; min-height: 100%; height: 100%; padding: 0; margin: 0; background: #ffffff; }

/* reset browser style */

html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: helvetica, arial, sans-serif; font-style: normal; font-weight: 300; white-space: normal; line-height: 100%; font-size: 13px; color: #333333; }
a, p, h1, h2, h3, h4, h5, h6, ul, ol, li, address, table, blockquote, figcaption { font-style: normal; font-weight: 300; list-style: none; outline: 0; padding: 0; margin: 0; }
caption, cite, code, dfn, em, strong, var, optgroup, abbr, acronym { font-variant: normal; padding: 0; margin: 0; border: 0; }

/* reset browser style */

img { max-width: 100%; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic; }


/* anchor style */

a { text-decoration: underline; font-style: inherit; font-size: inherit; color: #0283df; background-color: transparent }
a:hover { text-decoration: none; color: #00adff; }
a:hover, a:active { outline: 0; }

/* list style */

ul, ol { margin-left: 2em; margin-bottom: 18px; }
ul li { margin-bottom: 4px; list-style: disc outside; }
ol li { margin-bottom: 4px; list-style: decimal outside; }
ul ol, ol ul, ol ol, ul ul  { margin-top: 4px; margin-bottom: 0; }

/* table style */

table { border-collapse: collapse; border-spacing: 0; display: table; position: relative; }
th, td { padding: 2px 10px; vertical-align: top; }
table caption { margin-bottom: 14px; }

/* text style */

mark { background: rgba(255, 255, 0, 0.4); }
abbr[title] { border-bottom: 1px dotted #9c9c9c; color: #8e8e8e; cursor: help; }
pre, code, kbd, samp, tt { font-family: mono-space, monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; line-height: 19px; line-height: 1.92rem; font-size: 13px; font-size: 1.3rem; color: #77b13e; }
sub, sup { vertical-align: baseline; position: relative; top: -0.4em; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
b, strong { font-weight: bold; }
i, em, dfn { font-style: italic; }
sub { top: 0.4em; }
small { font-size: 70%; }

/* pre style */

pre { padding: 18px 20px; margin-bottom: 24px; border: 1px solid #e0e0e6; border-left: 5px solid #e0e0e6; background: #f9f9f9; background: -moz-linear-gradient(top, #f9f9f9 50%, white 50%); background: -webkit-linear-gradient(top, #f9f9f9 50%, white 50%); background: -o-linear-gradient(top, #f9f9f9 50%, white 50%); background: -ms-linear-gradient(top, #f9f9f9 50%, white 50%); background: linear-gradient(top, #f9f9f9 50%, white 50%); background-size: 38px 38px; overflow: auto; overflow-Y: hidden; color: #74a900; display: block; }

/* mark style */

mark, ::selection { background: #b6deff; text-shadow: none; color: #1161a4 }
mark.dark { background: #666666; color: #ffffff; }
img::selection, div::selection, .anchor::selection  { background: transparent; }
:focus { outline: none; }



/*----------------------------------Banner style starts-------------------------------------------------------------*/

/* bg sprit style */

.orange {color:#f79d11;}
.blue {color:#0283df;}
.red {color:#cc0000;}
.purple{color:#b200ff; font-size:120%;}
.ic-center { text-align:center; display: block; position: relative;}
.ic-center span{display:inline-block; display:inline-block; }
.line-through {text-decoration:line-through;}
.logo, .logo-big {display:block; text-align:center;height:20px;}
.logo-big {height:30px}
.bigger{font-size:1.475em !important;}
/* pagination style */

.pagination-slideMain{
    display: block;
    text-align: center;
    position: absolute;
    bottom:0px;
    width:100%;
}
.pagination-slide {
    text-align: center;
    display: inline-block;
}
.dot-pagination {display: inline-block;width:5px;height:5px;border-radius: 5px;background: #ccc;margin-right:2px; margin-left:2px; cursor: pointer;}
.dot-visible {background: #ccc;}
.dot-active {background: #666 ; visibility: visible;}

/* pagination style for Swiper slider */
.swiper-pagination-switch {display: inline-block;width:5px;height:5px;border-radius: 5px;background: #ccc;margin-right:2px; margin-left:2px; cursor: pointer;}
.swiper-visible-switch {background: #ccc;}
.swiper-active-switch {background: #666 ; visibility: visible;}

/* banner size*/
.banner-728-90 {width:728px;height:90px;background:#fff;position:relative;}
.banner-468-90 {width:468px;height:90px;background:#fff;}
.banner-200-200 {width:200px;height:200px;background:#fff;}
.banner-250-250 {width:250px;height:250px;background:#fff;}
.banner-300-250 {width:300px;height:250px;background:#fff;}
.banner-336-280 {width:336px;height:280px;background:#fff;}
.banner-160-600 {width:160px;height:600px;background:#fff;}
.banner-300-600 {width:300px;height:600px;background:#fff;}
.box{clear:both;}
.detail-right{position:absolute;right:0px;}

/* common */
.text-last{line-height:150%;}
.center-cropped{margin-bottom:6px;}
.hotels-info{clear:both;padding:0px 7px;}
.hotels-info h3{display:inline-block;*display:inline;zoom:1;margin:0;padding:0 0px 0px 0px;clear:both;}
.hotels-info h3 a{display:inline-block;*display:inline;zoom:1;overflow:hidden;height:13px;}
.banner-horizontal .hotels-info{clear:none;padding:0px 0px;}
.banner-horizontal .hotels-info h3{padding-top:6px;padding-bottom:6px;}

/*  arrow horizontal   */
.nav-arrow-left {width:30px;float:left;background:#fff;height:90px;border-right:1px solid #eee; }
.arrow-left {background:url(../images/sprite-slide-banner.png) no-repeat; width:18px;height:18px; background-position:-50px -50px; display:block; margin-top:35px; margin-left:7px;} 
.arrow-left:hover {background:url(../images/sprite-slide-banner.png) no-repeat; width:18px;height:18px; background-position:-98px -50px; display:block; margin-top:35px; margin-left:7px;} 
.nav-arrow-right {width:30px;float:left;background:#fff;height:90px;border-left:1px solid #eee; }
.arrow-right {background:url(../images/sprite-slide-banner.png) no-repeat; width:18px;height:18px; background-position:-68px -50px; display:block; margin-top:35px; margin-left:5px;} 
.arrow-right:hover {background:url(../images/sprite-slide-banner.png) no-repeat; width:18px;height:18px; background-position:-116px -50px; display:block; margin-top:35px; margin-left:5px;} 


/*  arrow vertical   */
.nav-arrow-top {width:30px;float:left;background:#fff;height:44px;border-bottom:1px solid #eee; }
.arrow-top {background:url(../images/sprite-slide-banner.png) no-repeat; width:18px;height:18px; background-position:-147px -50px; display:block; margin-top:17px; margin-left:7px;} 
.arrow-top:hover {background:url(../images/sprite-slide-banner.png) no-repeat; width:18px;height:18px; background-position:-195px -50px; display:block; margin-top:17px; margin-left:7px;} 
.nav-arrow-down {width:30px;float:left;background:#fff;height:44px;border-bottom:1px solid #eee; }
.arrow-down {background:url(../images/sprite-slide-banner.png) no-repeat; width:18px;height:18px; background-position:-168px -50px; display:block; margin-top:17px; margin-left:5px;} 
.arrow-down:hover {background:url(../images/sprite-slide-banner.png) no-repeat; width:18px;height:18px; background-position:-216px -50px; display:block; margin-top:17px; margin-left:5px;} 

/* new banenr 728x90 horizontal style */

.banner-728-90 .bg-last {background:url(../images/bg-last-728-90.jpg) no-repeat; display:block; height:90px;width:666px; float:left;position:relative;}
.banner-728-90  .text-last{float:right; margin-top:47px; margin-right:20px;text-align:right;color:#666;}
.banner-728-90  .text-last span{display:block;font-size:18px;color:#333333;}
.banner-728-90  .center-cropped {width: 230px;max-height: 90px;background-position: center center;background-repeat: no-repeat;overflow: hidden;float:left; margin-right:15px;}
.banner-728-90  .center-cropped img {display: block;max-width: 100%;height:90px;-ms-interpolation-mode: bicubic;vertical-align:middle;visibility: hidden;position:relative;top:-50%;                   }
.logo-a, .logo-a-last  {list-style: none;overflow: hidden;float:none; padding-right:10px;margin-top:5px;}
.logo-a-last {float:right; text-align:right;}
.banner-728-90 .hotels-info {float:left; width:230px;margin-top:5px;}
.banner-728-90 .hotels-info h3 a{text-decoration:none;font-size:15px;height:auto;line-height:16px;}
.banner-728-90 .hotels-info p{font-size:13px;}
.banner-728-90 .logo-a{position:absolute;right:35px;}
.banner-728-90 .nav-arrow-right{position:absolute;right:0px;}
.banner-728-90 .hotels-name{display:inline-block;width:290px;height:16px;overflow:hidden;}
.banner-728-90 .hotels-info-review{display:inline-block;width:230px;height:16px;overflow:hidden;vertical-align:bottom;}
.btn-book,.btn-more {background:#0283df; color:#fff;border-radius:2px; padding:7px 12px; margin:18px 0; text-align:center; display:block;font-size:14px; text-decoration:none;cursor:pointer;font-weight:bold;}
.btn-book:hover {background:#1679C0;color:#fff;}
.btn-more, .btn-more:hover {background:#f79d11;color:#fff;}

/* banner 468x90 */

.banner-468-90 .bg-last{background:url(../images/bg-last-468-90.jpg) no-repeat; display:block; height:90px;width:437px; float:left;position:relative;}
.banner-468-90 .center-cropped {width: 100px;max-height: 90px;background-position: center center;background-repeat: no-repeat;overflow: hidden;float:left; margin-right:10px;background-size: cover;}
.banner-468-90 .center-cropped img {display: block;max-width: 100%;height: 90px;-ms-interpolation-mode: bicubic;vertical-align:middle;visibility: hidden;position:relative;top:-50%;    }    
.banner-468-90 .hotels-info {float:left; width:202px; padding:5px 0;}
.banner-468-90 .hotels-info h3 a{text-decoration:none;font-size:13px;height:auto;}
.banner-468-90 .hotels-info p, .banner-468-90 .hotels-info span{font-size:12px;}
.banner-468-90 .hotels-name{display:inline-block;width:183px;height:15px;overflow:hidden;}
.banner-468-90 .hotels-info-review{display:inline-block;width:183px;height:15px;line-height:15px;overflow:hidden;vertical-align:bottom;}
.banner-468-90.ru-ru .btn-more{max-width:100px;margin-top:10px;}
/* banner 200x200 */

.banner-200-200 .center-cropped {width: 200px;max-height:60px;background-position: center center;background-repeat: no-repeat;overflow: hidden;float:left; margin-right:10px;background-size: cover;}
.banner-200-200 .center-cropped img {display: block;max-width: 100%;height:auto;-ms-interpolation-mode: bicubic;vertical-align:middle;visibility: hidden;position:relative;top:-50%;    }    
.banner-200-200 .hotels-info i{margin-top:-3px;}
.banner-200-200 .hotels-info h3 a{text-decoration:none;font-size:13px; width:180px;}
.banner-200-200 .hotels-info p{font-size:13px;}
.banner-200-200 .detail {padding:0;margin:0;float:left;font-size:12px; line-height:1.2;margin-top:5px;}
.banner-200-200 .detail li{list-style:none;}
.banner-200-200 .detail .right{text-align:right;}
.banner-200-200 .detail .right .txt{font-size:13px;}
.banner-200-200 .detail-right{width:50%;margin-top:0;}
.banner-200-200 .bg-last {padding-top:42%;background:url(../images/bg-last-200-200.jpg) no-repeat; display:block; height:200px;width:200px; float:left;position:relative;}
.banner-200-200 .btn-book{height:30px;line-height:30px;border-radius:2px; padding:0px;font-weight:bold; text-align:center; display:block;font-size:12px;}
.banner-200-200 .box{width:60%;margin:auto;margin-top:30px}
.banner-200-200 .btn-more{background:#f79d11;color:#fff; padding:5px;margin:0;font-size:12px; width:100%;}
.banner-200-200 .agoda-logo-small {margin-top:-3px;}
.banner-200-200 .text-last{font-size:12px; text-align:center;}
.banner-200-200 .text-last span{display:block;}
.banner-200-200 .box-last{width:100%;overflow:hidden; width:80%; margin:auto; margin-top:10px;}
.banner-200-200 .box-detail {clear:both;display:block;position:relative;}

/* banner 250x250 */

.banner-250-250 .center-cropped {width:250px;max-height:85px;background-position: center center;background-repeat: no-repeat;overflow: hidden;float:left; margin-right:10px;background-size: cover; margin-bottom:5px;}
.banner-250-250 .center-cropped img {display: block;max-width: 100%;height:auto;-ms-interpolation-mode: bicubic;vertical-align:middle;visibility: hidden;position:relative;top:-50%;    }    
.banner-250-250 .hotels-info {padding-top:5px;}
.banner-250-250 .hotels-info h3 a{text-decoration:none;font-size:13px; width:175px;}
.banner-250-250 .hotels-info p{font-size:13px;}
.banner-250-250 .detail {padding:0;margin:0;float:left;width:50%;font-size:13px; line-height:1.2}
.banner-250-250 .detail li{list-style:none;}
.banner-250-250 .detail .right{text-align:right;}
.banner-250-250 .detail .right .txt{font-size:16px;}
.banner-250-250 .bg-last {padding-top:41%;background:url(../Images/bg-last-250-250.jpg) no-repeat;width:250px; height:250px; display:block;float:left;position:relative;}
.banner-250-250 .btn-book{height:35px;line-height:35px; border-radius:2px; padding:0px;font-weight:bold; text-align:center; display:block;font-size:14px;}
.banner-250-250 .box{width:50%;margin:auto;margin-top:35px;margin-bottom:4px;}
.banner-250-250 .btn-more{background:#f79d11;color:#fff; padding:5px;margin:0;font-size:15px; width:100%;}
.banner-250-250 .agoda-logo-small {margin-top:-3px;}
.banner-250-250 .text-last{font-size:14px; text-align:center;}
.banner-250-250 .text-last span{display:block;}
.banner-250-250 .text-last strong{font-size:16px;}
.banner-250-250 .box-last{overflow:hidden; width:80%; margin:auto; margin-top:10px;margin-bottom:4px;}
.banner-250-250 .box-detail {clear:both;display:block;position:relative;}


/* banner 300x250 */

.banner-300-250 .center-cropped {width:300px;max-height:85px;background-position: center center;background-repeat: no-repeat;overflow: hidden;float:left; margin-right:10px;background-size: cover; margin-bottom:5px;}
.banner-300-250 .center-cropped img {display: block;max-width: 100%;height:auto;-ms-interpolation-mode: bicubic;vertical-align:middle;visibility: hidden;position:relative;top:-50%;    }    
.banner-300-250 .hotels-info {padding:12px;position:relative;}
.banner-300-250 .hotels-info h3 a{text-decoration:none;font-size:15px;width:215px; }
.banner-300-250 .hotels-info p{font-size:13px;}
.banner-300-250 .detail {padding:0;margin:0;float:left;font-size:13px; line-height:1.2;margin-top:5px;}
.banner-300-250 .detail li{list-style:none;}
.banner-300-250 .detail .right{text-align:right;}
.banner-300-250 .detail .right .txt{font-size:16px;}
.banner-300-250 .detail-right{width:50%;margin-top:0;}
.banner-300-250 .bg-last {padding-top:36%;background:url(../Images/bg-last-300-250.jpg) no-repeat;width:300px; height:250px; display:block;float:left;position:relative;}
.banner-300-250 .btn-book{height:35px;line-height:35px;border-radius:2px; padding:0px;font-weight:bold; text-align:center; display:block;font-size:14px;}
.banner-300-250 .box{width:50%;margin:auto;margin-top:35px;margin-bottom:4px;}
.banner-300-250 .btn-more{background:#f79d11;color:#fff; padding:5px;margin:0;font-size:15px; width:100%;}
.banner-300-250 .agoda-logo-small {margin-top:-3px;}
.banner-300-250 .text-last{font-size:14px; text-align:center;}
.banner-300-250 .text-last span{display:block;}
.banner-300-250 .text-last strong{font-size:16px;}
.banner-300-250 .box-last{overflow:hidden; width:80%; margin:auto; margin-top:10px;margin-bottom:4px;}
.banner-300-250 .box-detail {clear:both;display:block;position:relative;}


/* banner 336x280 */

.banner-336-280 .center-cropped {width:336px;max-height:96px;background-position: center center;background-repeat: no-repeat;overflow: hidden;float:left; margin-right:10px;background-size: cover; margin-bottom:10px;}
.banner-336-280 .center-cropped img {display: block;max-width: 100%;height:auto;-ms-interpolation-mode: bicubic;vertical-align:middle;visibility: hidden;position:relative;top:-50%;    }    
.banner-336-280 .hotels-info {padding:12px;}
.banner-336-280 .hotels-info h3 a{text-decoration:none;font-size:15px; width:250px;}
.banner-336-280 .hotels-info p{font-size:13px;}
.banner-336-280 .detail {padding:0;margin:0;float:left;width:50%;font-size:13px; line-height:1.4}
.banner-336-280 .detail li{list-style:none;}
.banner-336-280 .detail .right{text-align:right;}
.banner-336-280 .detail .right .txt{font-size:16px;}
.banner-336-280 .bg-last {padding-top:40%;background:url(../Images/bg-last-336-280.jpg) no-repeat;width:336px; height:280px; display:block;float:left;position:relative;}
.banner-336-280 .btn-book{height:40px;line-height:40px; border-radius:2px; padding:0px;font-weight:bold; text-align:center; display:block;font-size:14px;}
.banner-336-280 .box{width:50%;margin:auto;margin-top:45px;margin-bottom:4px;}
.banner-336-280 .btn-more{background:#f79d11;color:#fff; padding:5px;margin:0;font-size:15px; width:100%;}
.banner-336-280 .agoda-logo-small {margin-top:-3px;}
.banner-336-280 .text-last{font-size:14px; text-align:center;}
.banner-336-280 .text-last span{display:block;}
.banner-336-280 .text-last strong{font-size:16px;}
.banner-336-280 .box-last{overflow:hidden; width:80%; margin:auto; margin-top:10px;margin-bottom:4px;}
.banner-336-280 .box-detail {clear:both;display:block}


/* banner 160x600 */

.banner-160-600 .center-cropped {max-width:160px;height:260px;background-position: center center;background-repeat: no-repeat;overflow: hidden;float:left; background-size: cover; margin-bottom:10px;}
.banner-160-600 .center-cropped img {display: block;max-width: 100%;height:auto;-ms-interpolation-mode: bicubic;vertical-align:middle;visibility: hidden;position:relative;top:-50%;    }    
.banner-160-600 .hotels-info{padding:0 2px;}
.banner-160-600 .hotels-info h3 a{text-decoration:none;font-size:18px;height:auto;overflow:visible;line-height:20px;}
.banner-160-600 .hotels-info p{font-size:13px;}
.banner-160-600 .detail {padding:0;margin:0;font-size:15px; line-height:1.0}
.banner-160-600 .detail.margintop {margin-top:1em;}
.banner-160-600 .detail li{list-style:none;}
.banner-160-600 .detail .right{text-align:right;}
.banner-160-600 .detail .right .txt{font-size:16px;}
.banner-160-600 .bg-last {padding-top:250%;background:url(../Images/bg-last-300-600.jpg) no-repeat;width:160px; height:600px; display:block;float:left;position:relative;}
.banner-160-600 .btn-book{height:auto;line-height:120%; border-radius:2px; padding:10px;font-weight:bold; text-align:center; display:block;font-size:14px;}
.banner-160-600 .box{width:70%;margin:auto;margin-top:30px;margin-bottom:4px;}
.banner-160-600 .btn-more{background:#f79d11;color:#fff; padding:5px;margin:0;font-size:15px;line-height:1em;}
.banner-160-600 .agoda-logo-small {margin-top:-3px;}
.banner-160-600 .text-last{padding:0 10px;font-size:13px; text-align:center;}
.banner-160-600 .text-last span{display:block;}
.banner-160-600 .text-last strong{font-size:16px;}
.banner-160-600 .box-last{overflow:hidden; width:80%; margin:auto; margin-top:10px;margin-bottom:4px;}
.banner-160-600 .box-detail {clear:both;display:block}


/* banner 300x600 */

.banner-300-600 .center-cropped {max-width:300px;height:260px;background-position: center center;background-repeat: no-repeat;overflow: hidden;float:left;background-size: cover; margin-bottom:10px;}
.banner-300-600 .center-cropped img {display: block;max-width: 100%;height:auto;-ms-interpolation-mode: bicubic;vertical-align:middle;visibility: hidden;position:relative;top:-50%;    }    
.banner-300-600 .hotels-info{padding:0 10px;}
.banner-300-600 .hotels-info h3 a{text-decoration:none;font-size:20px;height:auto;overflow:visible;line-height:20px;}
.banner-300-600 .hotels-info p{font-size:13px;}
.banner-300-600 .detail {padding:0;margin:0;font-size:15px; line-height:1.0}
.banner-300-600 .detail.margintop {margin-top:1.5em;}
.banner-300-600 .detail li{list-style:none;}
.banner-300-600 .detail .right{text-align:right;}
.banner-300-600 .detail .right .txt{font-size:16px;}
.banner-300-600 .bg-last {padding-top:130%;background:url(../Images/bg-last-300-600.jpg) no-repeat;width:300px; height:600px; display:block;float:left;position:relative;}
.banner-300-600 .btn-book{height:40px;line-height:40px;padding:0px;font-weight:bold; text-align:center; display:block;font-size:14px;}
.banner-300-600 .box{width:70%;margin:auto;margin-top:30px;margin-bottom:4px;}
.banner-300-600 .btn-more{background:#f79d11;color:#fff; padding:15px 5px;margin:0;font-size:15px;line-height:1em;}
.banner-300-600 .agoda-logo-small {margin-top:-3px;}
.banner-300-600 .text-last{padding:0 10px;font-size:13px; text-align:center;}
.banner-300-600 .text-last span{display:block;}
.banner-300-600 .text-last strong{font-size:16px;}
.banner-300-600 .box-last{overflow:hidden; width:60%; margin:auto; margin-top:10px;margin-bottom:4px;}
.banner-300-600 .box-detail {clear:both;display:block;position:relative;}