body:before {background: #167ac0;}
header > div:not(#filter){background: #167ac0;}
header div:not(#filter) > a[title="Close"] { background-color :#167ac0;}
#filter .done button {background: #167ac0;}
header form.search:after { background:url(../img/icon/news.svg) -13px -565px;}
/*navigation*/
header #section-nav ul li.dropDown > a:after {border-top:8px solid #6b8da7;}
header #section-nav ul li.dropDown.active > a:after {border-bottom:8px solid #6b8da7;}
header #section-nav ul li,header #section-nav ul li.dropDown p,header #section-nav ul li.dropDown.active > a{border-bottom: 1px solid #1e567d;}



/*font family*/
.highlight-list ul li h3 { font-family: charis_silbold; font-weight: normal;}

header > ul li a { color: #167ac0;}
header > ul li a:before {content:''; display:block;width: 41px; height: 46px; margin:0 auto;background:url(../img/icon/news.svg) -19px -26px;}
header > ul li:nth-of-type(1) a:before { height: 58px;}
header > ul li:nth-of-type(2) a:before {background-position: -161px -26px;}
header > ul li:nth-of-type(3) a:before {background-position: -276px -23px;}
header > ul li:nth-of-type(4) a:before {background-position: -20px -134px;}
header > ul li:nth-of-type(5) a:before {background-position: -157px -134px; height: 58px;}
#filter .filter h3:before { background: url(../img/icon/news.svg) -28px -626px no-repeat;}
#filter .filter.active .filter.active .filter-sub .content:after { background-position: -298px -315px;}

/*homepage*/
.slide-Box1 .slide-detail { background: #167ac0;}
.slide-Box1 .slide-detail .type { font-size: 10px; text-transform: uppercase; color: #cccccc; font-weight: bold; padding: 2% 2% 0;}
.slide-Box1 .slide-detail h3 { font-size: 22px; color: #ffffff; padding: 0 2% 1%; line-height: 24px;}
.slide-Box1 .slide-detail h3 a { color: #ffffff;}
.slide-Box1 .slide-detail p { font-size: 14px; color: #ffffff; padding: 0 2%;}

.sponserLinks { overflow: hidden; width: 96%; margin: 0 0 20px;  padding: 0 2%;}
.sponserLinks .headline { padding: 0 0 5px; margin: 0 0 15px; border-bottom: 1px solid #e6e6e6;}
.sponserLinks ul { padding: 0; overflow: hidden;}
.sponserLinks ul li { clear: both; float: left; margin: 0 0 10px; width: 100%;}

.backToTop { background: url(../img/icon/news.svg) 10px -684px no-repeat;}

.five-star { background: url(../img/icon/news.svg) -15px -752px no-repeat; width: auto; height: 20px; display: block; padding: 0;}
.four-star { background: url(../img/icon/news.svg) -15px -789px no-repeat; width: auto; height: 20px; display: block; padding: 0;}
.three-star { background: url(../img/icon/news.svg) -15px -828px no-repeat; width: auto; height: 20px; display: block; padding: 0;}
.two-star { background: url(../img/icon/news.svg) -15px -865px no-repeat; width: auto; height: 20px; display: block; padding: 0;}
.one-star { background: url(../img/icon/news.svg) -15px -901px no-repeat; width: auto; height: 20px; display: block; padding: 0;}

/*search*/
.search .slide-Box1 .slide-detail { background: #f9edf2;}
.search .slide-Box1 .slide-detail h3 { padding: 10px 2% 5px;}
.search .slide-Box1 .slide-detail h3 a { color: #213c70; font-size:18px;}
.search .slide-Box1 .slide-detail p { color: #333333; }
.search .slide-Box1 .slide-detail p a { color: #333333; font-weight: bold;}
.search .slide-Box1 .slide-detail p.price { font-size: 22px; font-weight: bold; padding: 10px 2% 0; display: inline-block;}

a.booking { background: #167ac0; color: #ffffff; display: inline-block; font-size: 10px; font-weight: bold; padding: 5px 0; margin: 5px 0 10px; width: 135px; text-align: center;}

/*free listing*/
.head-listing { background: #f9edf2; padding: 20px 2% 10px; overflow:hidden; margin: 0 auto 20px;}
.head-listing img { float: left; margin: 0 10px 10px 0; width:30%;}
.head-listing .detail { width: 65%; overflow:hidden; float: left; margin: 0 0 20px;}
.head-listing .detail h3 { font-size:28px; line-height: 30px; margin: 0 0 5px;}
.head-listing .detail .price { font-weight: bold; font-size:22px; line-height: 24px;}
.head-listing .btn { border-top: 1px solid #ffffff; display: inline-block; padding: 15px 0 0; width:100%;}
.head-listing .btn a { width: 100%; background :#167ac0; color: #ffffff; text-decoration: none;}
.head-listing  > p { padding: 0 0 5px;}
.head-listing  > p span { font-weight: bold;}
.head-listing  > p a { color:#244f0b; text-decoration: underline; font-weight: bold;}
.head-listing .text-hide a { color: #333333; font-weight: normal; text-decoration: none;}
.head-listing .text-hide .mail {display: none;}
.head-listing .text-hide .btn {text-decoration: underline; color: #167ac0; width: auto; border: none; padding: 0; margin: 0; font-weight: bold;}
.head-listing .text-hide .btn:hover {text-decoration: none;}

.free-listing .slide-Box1 .slide-detail { background: #f9edf2;}
.free-listing .slide-Box1 .slide-detail h3 { padding: 10px 2% 5px;}
.free-listing .slide-Box1 .slide-detail h3 a { color: #213c70; font-size:18px;}
.free-listing .slide-Box1 .slide-detail p { color: #333333; }
.free-listing .slide-Box1 .slide-detail p a { color: #333333; font-weight: bold;}
.free-listing .slide-Box1 .slide-detail p.price { font-size: 22px; font-weight: bold; padding: 10px 2% 0; display: inline-block;}
.free-listing .share { padding: 0 2% 50px;}

.info-detail ol li div img { width: auto; margin: 0;}
.rating { width: 100%; overflow:hidden; margin: 0 0 5px;}
.overall .rating { width:auto;}

/*paid listing*/
.paid-listing .head-listing { background-color: inherit; padding: 20px 2%;}
.paid-listing .sp-gallery { margin: 0 0 25px;}
.paid-listing .sp-gallery p.item-state { background: url(../img/Opacity/bg-opaPink70.png) 0 0 repeat; margin: 0; padding: 8px 0 0; font-size: 16px; font-weight: normal;}
.paid-listing .sp-gallery p { padding: 0 2%; font-size: 14px; font-weight: bold; margin: 0 0 20px;}
.paid-listing .sp-gallery p.price { font-size: 22px; font-weight: bold; margin: 0;}

.more-detail { background: #f9edf2; padding: 20px 2%;}
.more-detail .headline { text-transform: uppercase; font-size: 18px; line-height: 20px; padding: 0 0 5px; margin: 0 0 10px; border-bottom: 1px solid #ffffff;}
.more-detail > div { margin: 0 0 20px;}
.more-detail > div p span { font-weight: bold;}
.more-detail .btn a { width:100%; background: #167ac0;}
.more-detail .text-hide a { color: #333333; font-weight: normal; text-decoration: none;}
.more-detail .text-hide .mail {display: none;}
.more-detail .text-hide .btn {text-decoration: underline; color: #167ac0; width: auto; border: none; padding: 0; margin: 0; font-weight:bold;}
.more-detail .text-hide .btn:hover {text-decoration: none;}

.contact .btn a { width:100%; background: #167ac0;}
.item-list .sponsor { background: #f9edf2;}
.item-list h3.header { background: #f9edf2;}