@font-face {
    font-family: 'Agenda-Medium';
    src: url('../fonts/Agenda-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Agenda-Medium.woff') format('woff'),
    url('../fonts/Agenda-Medium.ttf') format('truetype'),
    url('../fonts/Agenda-Medium.svg#Agenda-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Agenda-Bold';
    src: url('../fonts/Agenda-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Agenda-Bold.woff') format('woff'),
    url('../fonts/Agenda-Bold.ttf') format('truetype'),
    url('../fonts/Agenda-Bold.svg#Agenda-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
main font:
main background color: #
main text color: #
hover text color: #
active text color: #
visited text color: #
*/
 /*reset & default*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, select,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
body { color: #555555; font-family: Agenda-Medium; font-weight: normal; font-size: 16px; line-height: 1; }
textarea { font-family: inherit; overflow: auto; vertical-align: top; resize: none }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }
table { border-spacing: 0; }
sup { vertical-align: text-top; line-height: 23px; }
sub { vertical-align: text-bottom; }
h1 { font-size: 2em; font-family: Agenda-Bold; color: #002469; }
h2 { font-size: 1.75em; font-family: Agenda-Bold; color: #002469; }
h3 { font-size: 1.65em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.25em; }
a { color: #3399cc; text-decoration: underline; }
a:hover { color: #3399cc; text-decoration: none; }
a:active { color: #3399cc; }
:focus { outline: 0; }
img { max-width: 100%; display: inline-block;}
/* common */
.width-1 { }
.list-1 { }
.color-1 { }
.float-l { float: left; }
.float-r { float: right; }
.hide { display: none; }
.invisible { visibility: hidden; }
.loading { }
.version-2 { display: none; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.no-bgd { background: none !important; }
.fck { overflow: hidden; line-height: 16px; }
.fck ul, .fck ol { margin: 0 0 10px 0; }
.fck ul li { margin: 0; padding: 0 0 10px 0; list-style: inside; list-style-type: disc; }
.fck ol li { margin: 0; padding: 0 0 10px 0; list-style: inside; list-style-type: decimal !important; }
.align-c { text-align: center; }
.no-pad { padding: 0 !important; }
/*button*/
.btn-group a { text-decoration: none; color: #ffffff; font-family: Agenda-Bold; }
.btn-group a:focus, .btn-group a:hover { text-decoration: none; color: #ffffff; }
.btn-red { color: #ffffff; background-color: #E1091D; border-color: #E1091D; font-size: 18px; border-radius: 0; }
.btn-blue { color: #ffffff; background-color: #002469; border-color: #002469; font-size: 18px; border-radius: 0; padding: 15px; }
.btn-watch { padding: 15px 40px 15px 30px; }
.btn-watch:before { position: absolute; width: 18px; height: 17px; content: ""; right: 15px; background: url("../images/play.png") right no-repeat; margin-top: 3px; }

/*button style*/
.btn-play { position: absolute; top: 35%; left: 0; right: 0; margin: 0 auto; content: ""; width: 96px; height: 97px; z-index: 9; }
.btn-play img {height: auto !important;} /*fix for ie8*/
.btn-select { color: #333333;
    background-color: rgba(255, 255, 255, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
    border-color: #cccccc; border-radius: 0; font-size: 18px; padding: 17px; width: 464px !important;}

/* alert */
.alert-layer { display: block; position: absolute; top: -1500px; left: -15000px; overflow: hidden; padding: 3px 5px; background: #edd540; color: #424242; }
.alert-layer .message { margin: 0; padding: 0 0 0 5px; }
.alert-incom { color: #ff0000 !important; font-size: 0.75em !important; padding: 10px 0 0 !important; }
/* form */
/* structure */
#header { z-index: 100; position: relative; left: 0; top: 0; width: 100%; height: 84px; margin: 0 auto; background: #ffffff; }
#header img {width: auto;}
#header .container{font-size: 0;}
#header .logo { margin-top: 17px; display: inline-block; }
#header .pull-right { margin-top: 17px; display: inline-block; }
/*.container { width: 1170px !important}*/
.page { width: 100%; overflow: hidden; position: relative; }
.page p { padding-bottom: 20px; line-height: 20px; font-size: 16px; }
.page p.title { padding-bottom: 0; }
.page p a { font-size: 18px; text-decoration: none; font-family: 'Agenda-Bold'; }
/*#home { background: url(../images/banner/f1.png) center no-repeat; background-size: cover; min-height: 643px; padding: 120px 0 40px; overflow: hidden;}*/
/*#home {z-index: 0;}*/
    #home .bx-wrapper { width: 100%; margin-bottom: 0px !important; z-index: 0;}

.sub-nav ul li { position: relative; }
.sub-nav ul li img { display: block; }
.sub-nav ul li span { position: absolute; bottom: 10px; left: 10px; right: 10px; width: 215px; color: #ffffff; font-size: 14px; line-height: 18px; }

.slider-wrapper { position: relative; width: 100%; padding: 0;}
.content_wrapper { width: 1170px; position: absolute; }
.slider-wrapper .contentBanner { width: 100%; max-width: 1170px;
    position: absolute;
    /*top: 135px; left: 115px;*/
    /*top: 12%; left: 10%;*/
    top: 12%;
    left: 50%;
    margin-left: -585px;
    /*padding-left: 115px;*/
}
.slider-wrapper h2 {position: absolute; bottom: 250px;  z-index: 50; font-size: 48px; width: 100%; text-align: center; color: #ffffff; font-family: 'Agenda-Medium'; text-shadow: rgb(0, 0, 0) 0px 2px 2px;}
.slider-wrapper h2:before {position: absolute; content:""; height: 1px; width: 96px; background: #ffffff; bottom: -15px; left: 50%; margin-left: -48px;}
/*.slider-intro {margin-left: -15px; margin-right: -15px;}*/

/*.intro {width: 100%;}*/
.intro h1 { color: #00377c; font-size:98px; top:15px;}
.intro small {font-size: 45px; font-family: 'Agenda-Medium'; color: #00377c; line-height: 1.3em;}
.intro h1 img { float: left; margin: 0 15px; }
.intro p { font-size: 14px; color: #333333; line-height: 26px; width: 786px;}
.intro .img-wrapper { width: 100%; overflow: hidden; height: 1099px; position: relative; }
.intro .img-wrapper img { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; display: block; width: 100%; }

.select-block { position: absolute; bottom:380px; z-index: 51; text-align: center; width: 100%;}
.select-country {margin-right: 30px;}
/*.select-category { width: 464px;}*/

.highlight_item {min-height: 385px; height: 100%; position: relative; }
.highlight_item:before {position: absolute; content: ''; height: 1px; width: 100%; background: #c1c1c1; bottom: 0;}
.highlight_thumbnail {width: 100%;
    /*max-height: 250px;*/
    overflow: hidden;}
.highlight_thumbnail:hover {cursor:pointer;}
.highlight_thumbnail img {width: 100%;}
.highlight_content {display: table; width: 100%; padding: 15px;}
    .highlight_content .desc-offer {display: table-cell; vertical-align: top;}
        .highlight_content .desc-offer:hover {cursor: pointer; text-decoration: underline;}
        .highlight_content .desc-offer h5 {font-size: 24px; color: #333333; font-weight: 700; margin-bottom: 10px;}
        .highlight_content .desc-offer p {line-height: 1.3em;}
		.highlight_content .desc-offer .scroll{line-height:1.3em;overflow:hidden;max-height:3.9em;min-height:1.3em;}
    .highlight_content .icons-offer {display: table-cell; vertical-align: top;}

.highlight_list {background: #ffffff; margin-top: -210px; min-height: 820px;}
    .highlight_list .row > div {margin-bottom: 10px; padding: 0; position: relative; width: 32%;}
    /*.highlight_list .row > div*/
    .highlight_list .row > div + div {margin-left: 2%;}
    .highlight_list .row > div.first-row {padding-left: 0; margin-left: 0;}

.icons-offer .icon {height: 39px; width: 40px; display: block; float: right;}
    .icon-shopping {background: #ffffff url("../images/icons.png") 0 0 no-repeat; }
    .icon-dining {background: #ffffff url("../images/icons.png") 0 -61px no-repeat; }
    .icon-travel {background: #ffffff url("../images/icons.png") 0 -119px no-repeat; }
    .icon-wellness {background: #ffffff url("../images/icons.png") 0 -232px no-repeat; }
    .icon-lifestyle {background: #ffffff url("../images/icons.png") 0  -171px no-repeat; }

/*fancybox*/
.fancybox-close {background-position: center; background-repeat: no-repeat; top: 10px; right: 10px;}
.fancybox-skin {border-radius: 0;}
.fancybox-title {z-index: 8030;}

/*cheat bootstrap-select*/
.bootstrap-select{width:auto;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: auto;}
/*.bootstrap-select.btn-group .dropdown-toggle .caret {border: 0; background: url('../images/arrow_down.png'); width: 25px; height: 17px; margin-top: -11px;}*/
/*.bootstrap-select.open .dropdown-toggle .caret {border: 0; background: url('../images/arrow_up.png'); width: 25px; height: 17px; margin-top: -11px;}*/
.bootstrap-select.btn-group .dropdown-menu {border-radius: 0; padding: 0; font-size: 18px; color: #333333; background: none;}
.bootstrap-select.btn-group .dropdown-menu li { padding: 8px 12px; cursor: pointer; white-space: nowrap;
    background-color: rgba(255, 255, 255, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF);
    zoom: 1;
}
.bootstrap-select.btn-group .dropdown-menu li:hover { background-color: #cccccc; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6cccccc,endColorstr=#E6cccccc);}
.bootstrap-select.btn-group .dropdown-menu li.selected {background-color: #aaaaaa; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6aaaaaa,endColorstr=#E6aaaaaa);border: none; color: #ffffff; outline:none; }
.bootstrap-select.btn-group .dropdown-menu li.selected a {background-color: #aaaaaa; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6aaaaaa,endColorstr=#E6aaaaaa);border: none; color: #ffffff; outline:none; }
.bootstrap-select.btn-group .dropdown-menu li a:before {position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; z-index: 100;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background-color: #cccccc; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6cccccc,endColorstr=#E6cccccc); border: none; color: #ffffff; outline: none;}




/*.intro .img-wrapper.playVid:before {position: absolute; top: 35%; left: 0; right: 0; margin: 0 auto; content: ""; background: url("../images/banner_play.png") center no-repeat; width: 96px; height: 97px; z-index: 99;}*/
.intro.f2 h1 span:first-child { position: absolute; top: -65px; }
.intro2 h1 { font-size: 70px; color: #00377c; line-height: 1.2em; overflow: hidden; margin-bottom: 30px; }
.intro2 h1 span { float: left; }
.intro2 h1 span:first-child { float: left; color: #ffffff; position: absolute;
    top: 15px;}
.intro2 h1 img { float: left; margin: 0 15px; }
.intro2 p { font-size: 14px; color: #333333; line-height: 26px; width: 786px; }
.intro2 .img-wrapper { width: 100%; overflow: hidden; height: 460px; position: relative; }
.intro2 .img-wrapper img { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; display: block; width: 100%; }

.footer { background-color: #ffffff; }


#footer { padding: 0 20px; width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: 30px; }
#footer nav{width:100%;overflow:hidden;margin-bottom:20px;}
#footer nav li{display:inline-block;position:relative;padding-left:10px;margin-left:5px;}
#footer nav li:before{content:'';border-left:1px solid #cccccc;position:absolute;top:0;left:0;bottom:0;}
#footer nav li:first-child{margin-left:0;padding-left:0;}
#footer nav li:first-child:before{display:none;}
#footer nav li a{font-size:14px;text-decoration:none;text-transform:capitalize;color:#cccccc;}
#footer p{font-size:14px;text-transform:capitalize; line-height: 1.5em; color: #cccccc;}
#footer p a{font-size:14px;text-decoration:none;text-transform:capitalize;color:#cccccc;}
#footer a:hover{text-decoration:underline;}

.popup { display: none; }
.wrapper-popup { }

.inner-popup {font-size: 18px; }
    .inner-popup h3 { font-family: 'Agenda-Bold'; font-size: 22px;}
    .inner-popup p { font-size: 14px; line-height: 1.5em; font-family: "Agenda-Medium";}
    .inner-popup ul li{ line-height: 1.5em; list-style: disc; margin-left: 15px; margin-bottom: 25px;}
    .inner-popup span { font-size:14px;}
    .inner-popup .content-left {width: 40%; float: left; padding: 15px; text-align: center;}
        .inner-popup .content-left img {width: 100%; display: block; margin-bottom: 10px;}
        .inner-popup .content-left .promotions {display: block; background: url("../images/promotion.png") center no-repeat;width: 100%; height: 41px;}
        .inner-popup .content-left .promotions h3 {line-height:33px; text-transform: uppercase;
            text-shadow: 0 2px 3px rgba(255, 255, 255, 0.3), 0 -1px 2px rgba(0, 0, 0, 0.2);
            color: #ad832a;
        }
    .inner-popup .content-right {width: 60%; float: right; padding: 15px;}
    .inner-popup .content-right a {display: inline-block; line-height: 1.5em; font-size:14px;}
    .inner-popup .content-right a:hover {background: none;}
    .inner-popup .list-type-1 li  {margin-bottom: 15px;}
	.inner-popup .outlet li{font-size:14px; line-height:1.5em; margin-left: 15px;}

.sidebar { float: left; width: 290px; padding: 45px }
.sidebar h4 { font-size: 24px; line-height: 28px; color: #00377c; padding-bottom: 20px; font-family: 'Agenda-Bold'; }
.sidebar h5 { font-size: 20px; line-height: 24px; color: #4d4d4d; padding-bottom: 20px; font-family: 'Agenda-Bold'; }
.sidebar p { color: #afafaf; font-size: 20px; line-height: 24px; padding-bottom: 20px; }
.sidebar p span { font-weight: bold }
.content { float: left; width: 865px; height: 520px; overflow: hidden; margin-top: 26px; padding-bottom: 26px; }
/*.content h2 { background: url('../images/line.jpg') 0 bottom no-repeat; padding-bottom: 10px; margin-bottom: 15px; color: #ed1c2b; font-size: 18px; line-height: 22px; margin-top: 0; }*/
.content h2 span { font-family: 'Agenda-Bold'; }
.content p { font-size: 16px; line-height: 20px; color: #4d4d4d; padding-bottom: 20px; margin-bottom: 0; }
.content p.style-1, .content p.style-1 a { color: #00377b; text-decoration: none; }
.content p.style-2 a { color: #0075bc; text-decoration: none; }
.content p.style-3 a { color: #4d4d4d; text-decoration: none; }
.content p.style-3 span { color: #00377b; }
.content p a { color: #00377c }
.context { width: 100%; overflow: hidden; }
.context .float-l { float: left; width: 457px; }
.context .float-r { float: right; width: 250px; background: #00377c; padding: 10px 15px; }
.content .context .float-r p { color: #ffffff; font-size: 14px; line-height: 18px; padding-bottom: 20px; }
.bx-wrapper { width: 457px; margin: 0 !important }
.bx-wrapper .caption { padding: 10px 15px; background: #00377c; margin-bottom: 20px; }
.bx-wrapper .caption p { color: #ffffff; font-size: 14px; line-height: 18px; padding-bottom: 0; }
.bx-pager { width: 457px; position: relative; margin-top: 20px; }
.bx-pager a { display: inline-block; margin-left: 5px; }
.bx-pager a:first-child { margin-left: 0; }
.bx-pager .caption { cursor: default; position: absolute; bottom: 100%; left: 110%; width: 250px; display: none; }
.bx-pager a.active .caption { display: block; }
#btnScrollTop { position: fixed; z-index: 100; cursor: pointer; display: none; width: 58px; height: 58px; right: 15px; bottom: 15px; background: url('../images/gotop.png') no-repeat 0 0 scroll transparent }
/*slider*/
#home .bx-wrapper .bx-controls-direction a { top: 35%; }
#my-mask {
    overflow: hidden;
}
.fancybox-in { overflow: hidden; }
.img-wrapper.f1 { background: url("../images/banner/bg1.jpg") center no-repeat; background-size: cover; }
.img-wrapper.f2 { background: url("../images/banner/bg2.jpg") center no-repeat; background-size: cover; }


.block-right {display: table-cell; height: 100%; vertical-align: middle;}

.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fefefe;z-index:99999;height:100%;width:100%;overflow:hidden!important}
.status{width:200px;height:200px;position:absolute;left:50%;top:50%;background-image:url("../images/loading.gif");background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px}

/*cheat for select category*/
/*.select-category .dropdown-menu li[data-original-index~='3'] {display: none;}*/

/* responsive */
@media screen and (max-width: 992px) {

    /*portrait phone*/

    #header .logo { width: 50%; }
    #header .pull-right { width: 50%; text-align: right;}
    #header .logo img { width: auto; max-width: 177px; }
    #header .pull-right img { width: auto; max-width: 178px; }

    .container {width: 100%;}
    .highlight_list {margin-top: -200px; min-height: 200px;}

    .slider-wrapper .contentBanner { margin-left: 0; padding-left: 0;}
    .btn-select {width: 375px !important;}
    .select-block {left: 50%; margin-left: -50%; }

    .highlight_list .row > div + div {padding-left: 0;}

    .highlight_thumbnail {max-height: none;}

    .select-country, .select-category {margin-right: 0px; margin-top: 15px;}

    .inner-popup .content-left {width: 100%; float: none; display: block; padding: 0; margin-bottom: 15px;}
    .inner-popup .content-right {width: 100%; float: none; display: block; padding: 0;}

    #footer nav {margin-bottom: 4px;}
    #footer nav ul {text-align: center;}
    #footer p {text-align: center; float: none; margin-bottom: 25px;}

}

/*smart phone*/
@media only screen and (max-width: 768px){

    .intro h1 { font-size: 65px; }
    .intro small {font-size: 32px;}

    .slider-wrapper .contentBanner {top: 81px; left: 38px;}
    .highlight_list .row > div {width: 100%;}

}

/*small mobile*/
@media only screen and (max-width: 350px){
    .intro h1 {font-size: 49px;}
    .intro small {font-size: 22px;}
    .btn-select {width: 290px !important;}
}

/*ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #header .logo img { width: auto; max-width: 100%; }
    /*" ", + , ~, >*/
    #header   +  .pull-right + img .pull-right > img .pull-right img{ width: auto; max-width: 100%; }
    #header .pull-right img { width: auto; max-width: 100%; }

    .slider-wrapper .contentBanner {left: 12%; margin-left: 0; padding: 0;}
}

/*ipad portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .highlight_list { margin-top: -100px; }
    .select-country {margin-bottom: 0;}
    .highlight_list .row > div + div {padding-left: 0;}


}

/*ipad landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .btn-select {width: 390px !important;}
}