body { 
	height: 100%; 
	width:100%;
	margin: 0; 
	padding: 0;
	background-color: black;	
	color:#fff;
	font-size:16px;
	font-family: 'Arial';
	font-weight:bold;
	letter-spacing:1px;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
        user-select: none;

}
.hide{display:none !important;}
.page{
	width:100%;
	min-height:100%;
	height:auto;
	position:relative;
	background: rgba(0, 0, 0, 0.4);
}
.page#forportland{
	background-image:url('../images/portland_bg_80.jpg');
	background-size:cover;
}
.page#forsingapore{
        background-image:url('../images/singapore_bg_80.jpg');

        background-size:cover;
}
.page#forberlin{
	background-image:url('../images/berlin_bg.jpg');
	background-size:cover;
}
.page#forlondon{
	background-image:url('../images/london_bg.jpg');
	background-size:cover;
}
.page#fordetroit{
	background-image:url('../images/detroit_bg.jpg');
	background-size:cover;
}
.pad_in {
    padding: 1% 2% 0 2%;
}

.header {
	width:100%;
	height:auto;
}
.header .logo{
	font-size:34px;
	font-weight:bold;
	display:inline-block;
	width:80%;
	float:left;
	box-sizing:border-box;
}
.clock {
    float: right;
    display: inline-block;
    width: 14%;
    text-align: right;
    padding: 10px 0;
    box-sizing:border-box;
    font-size:1.1em;
}
.change_loc{
	float: left;
   display: inline-block;
    width: 14%;
    text-align: left;
    padding: 10px 0;
    box-sizing:border-box;
    font-size:17.6px;
    cursor: pointer;
}
.clock img{margin:-5px 10px; width:22px;}
.change_loc img{margin:-4px 10px; width:22px;}
.back_btn {
    cursor:pointer;
    display: inline-block;
    float: right;
    width: 6%;
    box-sizing:border-box;
    text-align:right;
}

.back_btn > span {
    background: rgba(0, 0, 0, 0) url("../images/backbutton.png") no-repeat scroll 0 0;
    background-size:40px auto;
    background-position:50% 50%;
    display: inline-block;
    height: 25px;
    width: 40px;
    padding:10px;
}

.back_btn.focused > span {
    box-shadow:-1px -1px 10px 0 hsl(0, 0%, 100%);
}

.location.focused > span {
    box-shadow:-1px -1px 10px 0 hsl(0, 0%, 100%);
}
.header .logo img{
	/*width:7%;*/
	cursor:pointer;
}
.content {
	width:100%;
	display:inline-block;
}
.catBox{
	width:200px;
	height:100px;
	margin:10px 10px;
	background-color:#ccc;
	display:inline-block;
}

.welcome_head{background:url("../images/topbar.png") repeat;width:100%;height: 50px;line-height: 50px;}
.welcome_head .txt_welcome{color:#fff;display: inline-block;padding: 0 15px;text-transform: uppercase;font-size:30px;font-family:Arial Bold;width:100%;box-sizing:border-box;}


.text_main_cat {
    clear: both;
    display: inline-block;
    width:100%;
}
.left_part, .right_part {
    float: left;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 36%;
}

.left_part {
    padding: 0 5% 0 0;
    width: 59%;
}

.intro_text {
    padding: 25px 0;
    font-size:20px;
    
}

.img_main > img {
    float: right;
    width: 100%;
    padding:25px 0;
}
.poi_featured{clear:both;text-transform:uppercase;color:#fff;}
.poi_featured .focused {color: #fff;}

.poi_featured .nameslist {
    cursor:pointer;
    display: inline-block;
    font-size: 18px;
    margin: 5px 0 5px 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%;
}
.poi_featured .nameslist span.poitxt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:100%;
    display:inline-block;
    padding-left: 1px;
}
.poi_featured .nameslist.focused span.poitxt{
    text-shadow: -1px 0 0 #fff, 2px 2px 2px black;
}
.poi_featured .nameslist.focused .ico{
    background:url("../images/dot.png") no-repeat;
    background-size:12px 12px;
    width:12px;height:12px;display:inline-block;
    position:absolute;top:5px;left:-15px;
    
}
.main_categories{
    width:100%;
    margin:0;
}
.main_categories .main_cat_img{display:inline-block;width:30%;min-height:190px;margin: 2% 4% 2% 0;text-align: center;position:relative;text-transform:uppercase;}
.main_cat_img.to_right {
    margin: 1% 0;
}
.main_categories .main_cat_img:focus .bottom_dark,.main_categories .main_cat_img.focused .bottom_dark{background:#fff;}
.main_categories .main_cat_img .ico span,.sub_categories .sub_cat_img .ico span,.main_categories .main_cat_img .ico span,.sub_categories .sub_cat_img .ico span,.main_categories .main_cat_img .ico span,.sub_categories .sub_cat_img .ico span,.main_categories .main_cat_img .ico span,.sub_categories .sub_cat_img .ico span{
    background: rgba(0, 0, 0, 0) url("../images/entertainment.png") no-repeat scroll 0 0;
    background-size:80px auto;
    display: inline-block;
    height: 100px;
    width: 80px;
}
.main_categories .main_cat_img .have_effect {
    cursor:pointer;
    background: rgba(0, 0, 0, 0) url("../images/notselectedbbox.png") repeat scroll 0 0;
    border: 2px solid transparent;
    display: inline-block;
    height: 100%;
    width: 100%;
    position:relative;
}
.main_categories .main_cat_img.focused .have_effect{ border:2px solid #fff; font-size:1.2em;}
.main_categories .main_cat_img .catxt{
    position: absolute;
    width: 100%;
    margin-top:5%;
}

.main_categories .main_cat_img .ico {
    margin: 10% 0 0;
}
.main_categories #cat_entertain.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/entertainmentw.png") no-repeat scroll 0 0;
    background-size:90px auto;
    width:90px;
}
.main_categories #cat_attract .ico span{
    background: rgba(0, 0, 0, 0) url("../images/attractionicon.png") no-repeat scroll 0 0;
    background-size:80px auto;
    width:80px;
}
.main_categories #cat_attract.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/attractioniconw.png") no-repeat scroll 0 0;
    background-size:90px auto;
    width:90px;
}
.main_categories #cat_nightlife .ico span{
    background: rgba(0, 0, 0, 0) url("../images/nightlife.png") no-repeat scroll 0 0;
    background-size:80px auto;
    width:80px;
}
.main_categories #cat_nightlife.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/nightlifew.png") no-repeat scroll 0 0;
    background-size:90px auto;
    width:90px;
}
.main_categories #cat_outdoors .ico span{
    background: rgba(0, 0, 0, 0) url("../images/outdoors.png") no-repeat scroll 0 0;
    background-size:122px auto;
    width:122px;
}
.main_categories #cat_outdoors.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/outdoorsw.png") no-repeat scroll 0 0;
    background-size:132px auto;
    background-position:0 -10px;
    width:132px;
}
.main_categories #cat_restro .ico span{
    background: rgba(0, 0, 0, 0) url("../images/restaurants.png") no-repeat scroll 0 0;
    background-size:111px auto;
    width:111px;
}
.main_categories #cat_restro.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/restaurantsw.png") no-repeat scroll 0 0;
    background-size:121px auto;
    background-position:0 -10px;
    width:121px;
}
.main_categories #cat_shop .ico span{
    background: rgba(0, 0, 0, 0) url("../images/shopping.png") no-repeat scroll 0 0;
    background-position:0 10px;
    background-size:92px auto;
    width:92px;
    
}
.main_categories #cat_shop.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/shoppingw.png") no-repeat scroll 0 0;
    background-position:0 0px;
    background-size:102px auto;
    width:102px;
}

.main_categories .main_cat_img .bottom_dark,.sub_cat_img .bottom_dark{
    background:url("../images/dark-shadow.png") repeat;
    bottom: 0;
    display: inline-block;
    height: 20px;
    position: absolute;
    right: 0;
    width: 100%;
}

.sub_categories #subcat_topattract .ico span{
    background: rgba(0, 0, 0, 0) url("../images/topattractiong.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_topattract.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/topattractionw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_landmarks .ico span{
    background: rgba(0, 0, 0, 0) url("../images/landmarkg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_landmarks.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/landmarkw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_artmuseums .ico span{
    background: rgba(0, 0, 0, 0) url("../images/artg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_artmuseums.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/artw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_freesites .ico span{
    background: rgba(0, 0, 0, 0) url("../images/freeg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_freesites.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/freew.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_forkids .ico span{
    background: rgba(0, 0, 0, 0) url("../images/familyg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_forkids.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/familyw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_nearby .ico span{
    background: rgba(0, 0, 0, 0) url("../images/nearbyg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_nearby.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/nearbyw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

/*entertainment*/
.sub_categories #subcat_topentertain .ico span{
    background: rgba(0, 0, 0, 0) url("../images/entertainment.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_topentertain.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/entertainmentw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_theaters .ico span{
    background: rgba(0, 0, 0, 0) url("../images/theatherg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_theaters.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/theatherw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_concerts .ico span{
    background: rgba(0, 0, 0, 0) url("../images/concerts.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_concerts.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/concertsw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_sportvenues .ico span{
    background: rgba(0, 0, 0, 0) url("../images/sportsg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_sportvenues.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/sportsw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

/*nightlife*/

.sub_categories #subcat_topnightlife .ico span{
    background: rgba(0, 0, 0, 0) url("../images/nightlife.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_topnightlife.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/nightlifew.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_nightclubs .ico span{
    background: rgba(0, 0, 0, 0) url("../images/nightlifeblubg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_nightclubs.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/nightlifeblubw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_barpubs .ico span{
    background: rgba(0, 0, 0, 0) url("../images/beerg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_barpubs.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/beerw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_cocktailbars .ico span{
    background: rgba(0, 0, 0, 0) url("../images/cocktailsg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_cocktailbars.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/cocktailsw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

.sub_categories #subcat_coffeetea .ico span{
    background: rgba(0, 0, 0, 0) url("../images/coffeeg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_coffeetea.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/coffeew.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

/*outdoors*/
.sub_categories #subcat_topoutdoors .ico span{
    background: rgba(0, 0, 0, 0) url("../images/outdoors.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_topoutdoors.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/outdoorsw.png") no-repeat scroll 0 0;
    background-size: 50px auto;
    background-position:0 20px;
    width: 50px;
}
.sub_categories #subcat_adventures .ico span{
    background: rgba(0, 0, 0, 0) url("../images/adventuresg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_adventures.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/adventuresw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_parks .ico span{
    background: rgba(0, 0, 0, 0) url("../images/parkg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_parks.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/parkw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_golfcourses .ico span{
    background: rgba(0, 0, 0, 0) url("../images/golfcourseg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_golfcourses.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/golfcoursew.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

/*Restaurants*/
.sub_categories #subcat_toprestro .ico span{
    background: rgba(0, 0, 0, 0) url("../images/restaurants.png") no-repeat scroll 0 0;
    background-size:60px auto;
    background-position:0 20px;
    width:60px;
}
.sub_categories #subcat_toprestro.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/restaurantsw.png") no-repeat scroll 0 0;
    background-size:60px auto;
    background-position:0 20px;
    width:60px;
}
.sub_categories #subcat_finedine .ico span{
    background: rgba(0, 0, 0, 0) url("../images/fineg.png") no-repeat scroll 0 0;
    background-size:60px auto;
    background-position:0 20px;
    width:60px;
}
.sub_categories #subcat_finedine.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/finew.png") no-repeat scroll 0 0;
    background-size:60px auto;
    background-position:0 20px;
    width:60px;
}
.sub_categories #subcat_breakfast .ico span{
    background: rgba(0, 0, 0, 0) url("../images/brunchg.png") no-repeat scroll 0 0;
    background-size:55px auto;
    background-position:0 20px;
    width:55px;
}
.sub_categories #subcat_breakfast.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/brunchw.png") no-repeat scroll 0 0;
    background-size:55px auto;
    background-position:0 20px;
    width:55px;
}
.sub_categories #subcat_localfood .ico span{
    background: rgba(0, 0, 0, 0) url("../images/localg.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}
.sub_categories #subcat_localfood.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/localw.png") no-repeat scroll 0 0;
    background-size:50px auto;
    background-position:0 20px;
    width:50px;
}

/*Shopping*/

.sub_categories #subcat_topshopsites .ico span{
    background: rgba(0, 0, 0, 0) url("../images/shopping.png") no-repeat scroll 0 0;
    background-position:0 20px;
    background-size:50px auto;
    width:50px;
    
}
.sub_categories #subcat_topshopsites.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/shoppingw.png") no-repeat scroll 0 0;
    background-position:0 20px;
    background-size:50px auto;
    width:50px;
}
.sub_categories #subcat_antique .ico span{
    background: rgba(0, 0, 0, 0) url("../images/antiqueg.png") no-repeat scroll 0 0;
    background-position:0 20px;
    background-size:45px auto;
    width:45px;
    
}
.sub_categories #subcat_antique.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/antique.png") no-repeat scroll 0 0;
    background-position:0 20px;
    background-size:45px auto;
    width:45px;
}
.sub_categories #subcat_fashion .ico span{
    background: rgba(0, 0, 0, 0) url("../images/beautyg.png") no-repeat scroll 0 0;
    background-position:0 20px;
    background-size:50px auto;
    width:50px;
    
}
.sub_categories #subcat_fashion.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/beautyw.png") no-repeat scroll 0 0;
    background-position:0 20px;
    background-size:50px auto;
    width:50px;
}
.sub_categories #subcat_clothstroes .ico span{
    background: rgba(0, 0, 0, 0) url("../images/hangerg.png") no-repeat scroll 0 0;
    background-position:0 20px;
    background-size:55px auto;
    width:55px;
    
}
.sub_categories #subcat_clothstroes.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/hangerw.png") no-repeat scroll 0 0;
    background-position:0 20px;
    background-size:55px auto;
    width:55px;
}
.sub_categories #subcat_shopcenter .ico span{
    background: rgba(0, 0, 0, 0) url("../images/sistrictg.png") no-repeat scroll 0 0;
    background-position:0 20px;
    background-size:50px auto;
    width:50px;
    
}
.sub_categories #subcat_shopcenter.focused .ico span{
    background: rgba(0, 0, 0, 0) url("../images/sistrictw.png") no-repeat scroll 0 0;
    background-position:0 20px;
    background-size:50px auto;
    width:50px;
}


.sub_cat_img:focus .bottom_dark,.sub_cat_img.focused .bottom_dark{background:#fff;}
.sub_categories {
    clear: both;
    display: inline-block;
    width: 100%;
}
.sub_cat_img {
    cursor:pointer;
    background: rgba(0, 0, 0, 0) url("../images/notselectedbbox.png") repeat scroll 0 0;
    display: inline-block;
    margin: 0 0.325% 0 0;
    padding: 0;
    text-align: center;
    width: 16.33%;
    position:relative;
    min-height:150px;
    border:2px solid transparent;
    font-size: 14px;
    box-sizing: border-box;
}

.sub_cat_img.focused{border-color:#fff;}
.sub_cat_img .catxt{
    bottom: 25%;
    color: #667f90;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}
.poi_list {
    clear: both;
    display: inline-block;
    margin: 1% 2.5%;
    width: 95%;
}

.list-item{color: #fff;display: block;float: left;width:25%;box-sizing:border-box;padding:1%;}
.list-item .list-data,.poi-data{
    cursor:pointer;
    background: transparent url("../images/rotate-loader.gif") no-repeat scroll 50% 50% / 30px auto;
    float: left;
    min-height: 240px;
    height: 240px;
    overflow: hidden;
    position: relative;
    width: 100%;
    border:4px solid transparent;
    box-sizing:border-box;
}
.list-item:focus .list-data,.list-item.focused .list-data{border: 4px solid #fff;}
.list-item .list-data .image{
    width:100%;
    height:100%;
    transform: scale(1, 1);
    transition-duration: 350ms;
    transition-property: all;
    transition-timing-function: ease-out;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 350ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 350ms;
    -webkit-backface-visibility: hidden;
}
.list-item.focused .list-data .image{
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    transition-property: all;
}
.list-item .list-data .event-caption ,.poi-data .event-caption {
    bottom: 0;
    padding: 2% 3%;
    position: absolute;
    width: 94%;
}
.list-item.focused .list-data .event-caption{
    background:#fff;
    color:#202020;
}
.list-data .event-caption h3,.list-data .event-caption p,.poi-data .event-caption h3,.poi-data .event-caption p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin:0;padding:0;
}
.list-data .poi_overlay,.poi-data .poi_overlay{
    background: rgba(0, 0, 0, 0) url("../images/poibox_overlay.png") repeat scroll 0 0;
    background-size:100% 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.list-data .event-caption h3{text-transform:uppercase;}
.list-data .event-caption p,.poi-data .event-caption p{font-size:0.7em;color:#667f90;}
.price_rating {
    padding: 1% 3%;
    position: absolute;
    top: 0;
    width: 94%;
}
.free_poi{
    background-image:url("../images/free_150px.png"); width:40px; height:40px;display:inline-block;background-size:40px 40px;
}

.free_poi.lang{
    background-image:url("../images/free_lang.png"); width:40px; height:40px;display:inline-block;background-size:40px 40px;
}
.small,.small.lang{
    background-size:32px 32px; width:32px; height:32px;
}

.data_error {
    font-size: 1.5em;
    height: 300px;
    line-height: 300px;
    text-align: center;
}
.similar_data .data_error {
    font-size: 1em;
    height: auto;
    line-height: 0;
}
.list_pricing,.list_rating {
    color: #a3a485;
    float: left;
    font-size: 1.5em;
    letter-spacing: 2px;
}
.list_rating {
    float: right;
}

.prev_next {
    text-align: center;
    width: 100%;
    padding-bottom:10px;
}
.previous, .next,.show_map,.hide_map,.book_btn{
    cursor:pointer;
    background: url("../images/notselectedbbox.png") repeat scroll 0 0;
    border: 2px solid transparent;
    border-radius: 10px;
    display: inline-block;
    margin: 0 10px;
    padding: 5px;
    width: 200px;
    height:20px;
    line-height:20px;
    color:#667f90;
}
.previous.blur, .next.blur{
    opacity:0.2;
}
.show_map, .hide_map,.poi_map_btn .previous,.poi_map_btn .next,.poi_map_btn .book_btn {
    height: 25px;
    letter-spacing: 1px;
    line-height: 25px;
    margin: 1%;
    padding: 15px 15px;
    text-align: center;
    max-width: 220px;
    color:#667f90;
    text-transform:uppercase;
    width:31%;
}
.poi_map_btn .previous, .poi_map_btn .next,.poi_map_btn .book_btn  {
    margin-left: 0;
    margin-right: 0;
}
.previous.focused,.next.focused,.hide_map.focused,.show_map.focused,.book_btn.focused{
    border-color: #fff;
    font-size: 1.2em;
    text-shadow: -1px 0 0 #fff, 2px 2px 2px black;
    color:#fff;
}

.poi-data {
    display: inline-block;
    width: 35%;
    height:auto;
    margin:0;
    border:0;
}
.poi-data .image {
/*     height: 100%; */
    width: 100%;
}
.poi_map {
    border: 4px solid transparent;
    margin-bottom: 20px;
    width: 100%;
}
.poi_map #map-canvas {
    height: 350px;
    width: 100%;
}
.poi_details {
    display: inline-block;
    vertical-align: top;
    width: 56%;
    margin:0 4%;
}
.poi_desc{font-size:1.3em;}

.poi_other_info{
    display: inline-block;
    margin: 25px 0;
    width: 100%;
}
.info_left,.info_right{
    width:49%;float:left;position:relative;
}
.poi_add span::before,.poi_web span::before,.poi_call span::before,.poi_hours.first::before{
    background: url("../images/address.png") repeat scroll 0 0;
    background-size: 35px auto;
    content: "";
    display: inline-block;
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
}
.poi_web span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 97%;
}
.poi_web span::before {
    background:url("../images/website.png") repeat scroll 0 0;
    background-size: 35px auto;
}
.poi_web.noaddress span::before {top:10px;}

.poi_call span::before {
    background:url("../images/phone.png") repeat scroll 0 0;
    background-size: 35px auto;
}

.poi_hours.first::before {
    background:url("../images/clock.png") repeat scroll 0 0;
    background-size: 35px auto;
}
.poi_hours,.poi_add,.poi_web,.poi_call {
    padding: 10px 0 15px 50px;margin:10px 0px;position:relative;
}
.poi_hours{padding: 0 0 0 50px;}
.poi_hours.first{ padding-top:10px }
.detail_data .poi_img img {
    width: 90%;
}

.similar_data {
    display: inline-block;
    padding: 20px 0;
    width:100%;
}
.similar_data .list-item{width:20%;}
.similar_data .list-item .list-data{height:185px;min-height:185px;}

.poi_map_btn{width:100%;text-align:center;}

.slick-track {margin-top:10px;}
.slick-prev,.slick-next{display:none !important;}


.star_label {
    background: rgba(0, 0, 0, 0) url("../images/starfill.png") repeat scroll 0 0;
    background-size:20px auto;	
    display: inline-block;
    height: 20px;
    margin: 2px;
    width: 20px;
    float:left;
}
.star_label.light{
    background: rgba(0, 0, 0, 0) url("../images/starline.png") repeat scroll 0 0;
    background-size:20px auto;	
}


#cat_attract {
  nav-right:#cat_entertain; nav-left:#cat_shop;
  nav-down:#cat_entertain; nav-up:#cat_shop;
}

#cat_entertain {
  nav-right:#cat_nightlife; nav-left:#cat_attract;
  nav-down:#cat_nightlife; nav-up:#cat_attract;
}

#cat_nightlife {
  nav-right:#cat_outdoors; nav-left:#cat_entertain;
  nav-down:#cat_outdoors; nav-up:#cat_entertain;
}

#cat_outdoors {
  nav-right:#cat_restro; nav-left:#cat_nightlife;
  nav-down:#cat_restro; nav-up:#cat_nightlife;
}

#cat_restro {
  nav-right:#cat_shop; nav-left:#cat_outdoors;
  nav-down:#cat_shop; nav-up:#cat_outdoors;
}


#fountainTextG{
margin:0 auto;
width:240px;
padding-top:10%;
}

.fountainTextG{
color:#FFFFFF;
font-family:Arial;
font-size:40px;
text-decoration:none;
font-weight:normal;
font-style:normal;
float:left;
-moz-animation-name:bounce_fountainTextG;
-moz-animation-duration:3.06s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-moz-transform:scale(.5);
-webkit-animation-name:bounce_fountainTextG;
-webkit-animation-duration:3.06s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-webkit-transform:scale(.5);
-ms-animation-name:bounce_fountainTextG;
-ms-animation-duration:3.06s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-ms-transform:scale(.5);
-o-animation-name:bounce_fountainTextG;
-o-animation-duration:3.06s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
-o-transform:scale(.5);
animation-name:bounce_fountainTextG;
animation-duration:3.06s;
animation-iteration-count:infinite;
animation-direction:normal;
transform:scale(.5);
}

#fountainTextG_1{
-moz-animation-delay:0.68s;
-webkit-animation-delay:0.68s;
-ms-animation-delay:0.68s;
-o-animation-delay:0.68s;
animation-delay:0.68s;
}

#fountainTextG_2{
-moz-animation-delay:0.85s;
-webkit-animation-delay:0.85s;
-ms-animation-delay:0.85s;
-o-animation-delay:0.85s;
animation-delay:0.85s;
}

#fountainTextG_3{
-moz-animation-delay:1.02s;
-webkit-animation-delay:1.02s;
-ms-animation-delay:1.02s;
-o-animation-delay:1.02s;
animation-delay:1.02s;
}

#fountainTextG_4{
-moz-animation-delay:1.19s;
-webkit-animation-delay:1.19s;
-ms-animation-delay:1.19s;
-o-animation-delay:1.19s;
animation-delay:1.19s;
}

#fountainTextG_5{
-moz-animation-delay:1.36s;
-webkit-animation-delay:1.36s;
-ms-animation-delay:1.36s;
-o-animation-delay:1.36s;
animation-delay:1.36s;
}

#fountainTextG_6{
-moz-animation-delay:1.53s;
-webkit-animation-delay:1.53s;
-ms-animation-delay:1.53s;
-o-animation-delay:1.53s;
animation-delay:1.53s;
}

#fountainTextG_7{
-moz-animation-delay:1.7s;
-webkit-animation-delay:1.7s;
-ms-animation-delay:1.7s;
-o-animation-delay:1.7s;
animation-delay:1.7s;
}

#fountainTextG_8{
-moz-animation-delay:1.87s;
-webkit-animation-delay:1.87s;
-ms-animation-delay:1.87s;
-o-animation-delay:1.87s;
animation-delay:1.87s;
}

#fountainTextG_9{
-moz-animation-delay:2.04s;
-webkit-animation-delay:2.04s;
-ms-animation-delay:2.04s;
-o-animation-delay:2.04s;
animation-delay:2.04s;
}

#fountainTextG_10{
-moz-animation-delay:2.21s;
-webkit-animation-delay:2.21s;
-ms-animation-delay:2.21s;
-o-animation-delay:2.21s;
animation-delay:2.21s;
}

#fountainTextG_11{
-moz-animation-delay:2.38s;
-webkit-animation-delay:2.38s;
-ms-animation-delay:2.38s;
-o-animation-delay:2.38s;
animation-delay:2.38s;
}

#fountainTextG_12{
-moz-animation-delay:2.55s;
-webkit-animation-delay:2.55s;
-ms-animation-delay:2.55s;
-o-animation-delay:2.55s;
animation-delay:2.55s;
}

#fountainTextG_13{
-moz-animation-delay:2.72s;
-webkit-animation-delay:2.72s;
-ms-animation-delay:2.72s;
-o-animation-delay:2.72s;
animation-delay:2.72s;
}

#fountainTextG_14{
-moz-animation-delay:2.89s;
-webkit-animation-delay:2.89s;
-ms-animation-delay:2.89s;
-o-animation-delay:2.89s;
animation-delay:2.89s;
}

@-moz-keyframes bounce_fountainTextG{
0%{
-moz-transform:scale(1);
color:#FFFFFF;
}

100%{
-moz-transform:scale(.5);
color:#FFFFFF;
}

}

@-webkit-keyframes bounce_fountainTextG{
0%{
-webkit-transform:scale(1);
color:#FFFFFF;
}

100%{
-webkit-transform:scale(.5);
color:#FFFFFF;
}

}

@-ms-keyframes bounce_fountainTextG{
0%{
-ms-transform:scale(1);
color:#FFFFFF;
}

100%{
-ms-transform:scale(.5);
color:#FFFFFF;
}

}

@-o-keyframes bounce_fountainTextG{
0%{
-o-transform:scale(1);
color:#FFFFFF;
}

100%{
-o-transform:scale(.5);
color:#FFFFFF;
}

}

@keyframes bounce_fountainTextG{
0%{
transform:scale(1);
color:#FFFFFF;
}

100%{
transform:scale(.5);
color:#FFFFFF;
}

}

.desc_more_less {
text-align:center;
}
.desc_more,.desc_less{
	display: inline-block;
	width: 70px;
	height: 25px;
	background: transparent url("../images/read-more.png") no-repeat scroll 0 0;
	background-size: 70px auto;
	margin-top: 5px;
	cursor: pointer;
}
.desc_less{
	background: transparent url("../images/read-less.png") no-repeat scroll 0 0;
	background-size: 70px auto;
}
.desc_less.focused,.desc_more.focused{
	width:85px;
	background-size: 85px auto;
}

.cc_info {
    text-align: right;
    float:right;
}
.cc_info .ccname {
    float:left;
    display: inline-block;
    font-size: 0.8em;
    margin-top:3px;
}
.cc_info .cclic {
    float:left;
    background: rgba(0, 0, 0, 0) url("../images/bg-btns_new1.png") no-repeat scroll;
    background-position:0 -70px ;
    height: 16px;
    width: 16px;
}
.cc_info .cclic > a{width:inherit;height:inherit;display:inline-block;}
.poi-data-wrapper {
    position: relative;
}
.ccname > a {
    color: inherit;
    text-decoration: none;
}

.location_page .cc_info{
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 14px;
    padding: 5px;
    position: absolute;
    right: 4px;
    top: 4px;
}
@media only screen and  (min-width:995px) and (max-width:1400px) {
	.clock img{margin:-5px 10px;width:20px;}
	.change_loc img{margin:-3px 10px; width:20px;}
	.change_loc{  font-size:13.2px;}
	body , .poi_featured .nameslist{ font-size:12px;}
	 .intro_text{font-size:1.2em;padding:25px 0 15px;}
	.welcome_head .txt_welcome{ font-size:20px;}

	.main_categories .main_cat_img{ min-height:140px;height:140px;}

	.main_categories .main_cat_img .have_effect{ font-size:1em;}

	.main_categories .main_cat_img{width: 26%; margin:1% 0;}

	.main_cat_img.in_middle{margin-right:10%; margin-left:10%;}

	.main_categories .main_cat_img .ico span, .sub_categories .sub_cat_img .ico span, .main_categories .main_cat_img .ico span, .sub_categories .sub_cat_img .ico span, .main_categories .main_cat_img .ico span, .sub_categories .sub_cat_img .ico span, .main_categories .main_cat_img .ico span, .sub_categories .sub_cat_img .ico span{
		height:65px;
/* 		background-position:50px auto; */
		background-size:50px auto; width:50px;
	}
	.main_categories #cat_attract .ico span,.main_categories #cat_nightlife .ico span{
/* 		background-position:50px auto; */
		background-size:50px auto; width:50px;
	}
	.main_categories #cat_attract.focused .ico span,.main_categories #cat_entertain.focused .ico span,.main_categories #cat_nightlife.focused .ico span{
/* 		background-position:60px auto; */
		background-size:60px auto; width:60px;
	}
	.main_categories #cat_outdoors .ico span{
/* 		background-position:75px auto; */
		background-size:75px auto; width:75px;
	}
	.main_categories #cat_restro .ico span{ 
		background-position:0 -5px;
		background-size:75px auto; width:75px;
	}
	.main_categories #cat_outdoors.focused .ico span,.main_categories #cat_restro.focused .ico span{
/* 		background-position:85px auto; */
		background-size:85px auto; width:85px;
	}
	.main_categories #cat_shop .ico span{
		background-position:0 -5px;
/* 		background-position:65px auto; */
		background-size:65px auto; width:65px;
	}
	.main_categories #cat_shop.focused .ico span{
		background-position:0 -5px;
/* 		background-position:75px auto; */
		background-size:75px auto; width:75px;
	}
	.poi_featured .nameslist.focused .ico{top:2px;}

	.sub_cat_img{font-size:10px;min-height: 120px;}

	.main_categories .main_cat_img.focused .have_effect{font-size:13px;}
	
	.sub_cat_img .catxt{bottom:20%;}
	.sub_cat_img.subcat_shopcenter .catxt{bottom:20%;}

	.sub_categories .sub_cat_img .ico span{
		background-size:40px auto !important; width:40px !important;
	}
	.sub_categories .sub_cat_img.focused .ico span{
		background-size:45px auto !important; width:45px !important;
	}
	.list-item .list-data, .poi-data{min-height:160px;}
	.list-data .event-caption p, .poi-data .event-caption p{font-size:0.9em;}
	.list_pricing, .list_rating{font-size:1.2em;}
	.star_label,.star_label.light{
		width:15px;height:15px;background-size:15px auto;
	}
	.back_btn > span{
		width:25px;height:15px;background-size:25px auto;	    
	}
	
	.poi_desc{font-size:1.2em;}
	.poi_other_info{margin:5px 0;}

	.poi_add span::before, .poi_web span::before, .poi_call span::before, .poi_hours.first::before{
		width:25px;height:25px;background-size:25px auto;	    
	}
	.poi_hours, .poi_add, .poi_web, .poi_call{padding:5px 35px;}
	.poi_hours.first{padding-top:5px;}

	.show_map, .hide_map, .poi_map_btn .previous, .poi_map_btn .next, .poi_map_btn .book_btn{height:10px; line-height:10px;width:160px;}

	.similar_data{padding:0;}
	.similar_data .list-item{width:18%;}
	.similar_data .list-item .list-data{min-height:150px;}
	.similar_items #fountainTextG{padding-top:0;}

	.poi_map #map-canvas{height:250px;}
}

@media only screen and  (min-width:600px) and (max-width:994px) {
body{font-size:14px;}
.previous.focused, .next.focused,.book_btn.focused, .hide_map.focused, .show_map.focused{font-size:1.1em;}
.sub_cat_img {width: 15%;margin-left: 0.9%;font-size:11px;}
.list-item .list-data, .poi-data{min-height:auto;}
.clock{width:25%;}
.change_loc{width:37%;font-size:15.4px;}
.change_loc img{margin:-4px 10px; width:22px;}
.header .logo{width:70%;}
/*.header .logo img{width:10%;}*/
.poi_desc {
    font-size: 1em;
}
.show_map, .hide_map, .poi_map_btn .previous, .poi_map_btn .next, .poi_map_btn .book_btn{line-height: 20px;height: 20px;padding: 10px;width: 26%;}
.back_btn > span {width: 25px;}
.main_categories .catxt{font-size: 12px;}
.main_categories .main_cat_img.focused .have_effect {
    font-size: 14px;
}
.main_cat_img.to_right {
    margin-bottom: 1%;
    margin-left: 0;
    margin-right: 4%;
    margin-top: 1%;
}
.main_categories .main_cat_img {
    display: inline-block;
    margin-bottom: 1%;
    margin-left: 0;
    margin-right: 4%;
    margin-top: 1%;
    min-height: 190px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 45%;
}
.star_label.light,.star_label{width:13px;height:13px;background-size: 13px auto;}
.list_pricing, .list_rating{font-size:1.2em;}
.small, .small.lang {
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}
}
@media only screen and  (orientation : portrait) and (min-width:1080px)
{
    .clock img{margin:-5px 10px;width:20px;}
    /*.header .logo img{width:10%;}*/
    .list-item .list-data, .poi-data{float:none;}
    .poi-data{width:100%;margin:0 auto;}
    .poi-data-wrapper{width:850px;margin:0 auto;}
    .poi-data .image{width:850px;}
    .poi_details{width:100%;margin:20px auto;}
    .similar_data,.poi_map,.poi_info,.poi_desc{width: 850px;margin: 0 auto;text-align: justify;}
    .similar_data{display:block;}
    .similar_items .list-item:nth-child(5) {  
      display:none;
    }
    .similar_items .list-data{width:100%;}
    .similar_data .list-item,.list-item{width:49%;}
/*     .list-item:nth-child(odd) {margin-right:1%;margin-left:0;} */
/*     .list-item:nth-child(even) {margin-left:1%;margin-right:0;} */
    .poi_map_btn{margin-top:25px;}
    .poi_list{margin: 3% 2.5%;}
    .list_pricing, .list_rating{font-size:2em;}
    .star_label, .star_label.light {
	width: 22px;
	height: 22px;
	background-size: 22px auto;
    }
    .list-item .list-data .event-caption, .poi-data .event-caption{
	padding: 4% 3%;
    }
    body, .poi_featured .nameslist{font-size:13px;}
    .list-data .event-caption h3, .list-data .event-caption p, .poi-data .event-caption h3, .poi-data .event-caption p{margin:0 0 5px 0;}
    .sub_cat_img{min-height:150px;font-size: 13px;}
    .sub_categories .sub_cat_img .ico span,.sub_categories .sub_cat_img.focused .ico span {
	background-size: 55px auto !important;
	width: 55px !important;
    }
    .back_btn > span {
	width: 30px;
	height: 20px;
	background-size: 30px auto;
    }

     .main_categories .main_cat_img .ico span, .sub_categories .sub_cat_img .ico span, .main_categories .main_cat_img .ico span, .sub_categories .sub_cat_img .ico span, .main_categories .main_cat_img .ico span, .sub_categories .sub_cat_img .ico span, .main_categories .main_cat_img .ico span, .sub_categories .sub_cat_img .ico span{height:110px;}

      .main_categories #cat_entertain .ico span{
	  background-size:100px auto;
	  width:100px;
      }
      .main_categories #cat_entertain.focused .ico span{
	  background-size:110px auto;
	  width:110px;
      }
      .main_categories #cat_attract .ico span{
	  background-size:100px auto;
	  width:100px;
      }
      .main_categories #cat_attract.focused .ico span{
	  background-size:110px auto;
	  width:110px;
      }
      .main_categories #cat_nightlife .ico span{
	  background-size:100px auto;
	  width:100px;
      }
      .main_categories #cat_nightlife.focused .ico span{
	  background-size:110px auto;
	  width:110px;
      }
      .main_categories #cat_outdoors .ico span{
	  background-size:130px auto;
	  width:130px;
      }
      .main_categories #cat_outdoors.focused .ico span{
	  background-size:140px auto;
	  background-position:0 -10px;
	  width:140px;
      }
      .main_categories #cat_restro .ico span{
	  background: rgba(0, 0, 0, 0) url("../images/restaurants.png") no-repeat scroll 0 0;
	  background-size:120px auto;
	  width:120px;
      }
      .main_categories #cat_restro.focused .ico span{
	  background: rgba(0, 0, 0, 0) url("../images/restaurantsw.png") no-repeat scroll 0 0;
	  background-size:130px auto;
	  background-position:0 -10px;
	  width:130px;
      }
      .main_categories #cat_shop .ico span{
	  background: rgba(0, 0, 0, 0) url("../images/shopping.png") no-repeat scroll 0 0;
	  background-position:0 10px;
	  background-size:100px auto;
	  width:100px;
	  
      }
      .main_categories #cat_shop.focused .ico span{
	  background: rgba(0, 0, 0, 0) url("../images/shoppingw.png") no-repeat scroll 0 0;
	  background-position:0 0px;
	  background-size:110px auto;
	  width:110px;
      }

      .main_categories .main_cat_img{width:32%;margin: 1% 0;}
      .main_categories .main_cat_img.in_middle{margin-right:1%; margin-left:1%;}
      .img_main{text-align:center;}
      .img_main > img{width:850px;float:none;}
      .left_part, .right_part{width:100%;box-sizing: border-box;padding:0;}
      .main_categories .main_cat_img .have_effect{font-size:14px;}
      .main_categories .main_cat_img.focused .have_effect{font-size:16px;}
      .poi_featured .nameslist{font-size:16px;margin:10px 0; }
      .poi_featured{width:850px;margin:0 auto;}

      .poi_featured .nameslist.focused .ico {
	  top: 4px;
      }

}
@media only screen and (min-width:2560px)
{
    .location_page .cc_info{ right: 11px !important; }
}
@media only screen and (min-width:1920px) and (max-width:2559px)
{
    .location_page .cc_info{ right: 5px !important; }
      .clock img {margin: -5px 10px;width: 25px;}
      .change_loc img{margin:-3px 10px; width:25px;}
      .change_loc{font-size:22px;}
      body{font-size:20px;}
      .poi_featured .nameslist{margin:10px 0;font-size:22px;}
      .sub_cat_img{font-size:18px;}
      .event-caption{font-size:22px;}
      .list-data .event-caption h3{padding-bottom:10px;}
      .list_pricing, .list_rating{font-size:2em;}	
      .star_label, .star_label.light {
	  width: 22px;
	  height: 22px;
	  background-size: 22px auto;
      }

      .main_categories .main_cat_img .ico span, .sub_categories .sub_cat_img .ico span, .main_categories .main_cat_img .ico span, .sub_categories .sub_cat_img .ico span, .main_categories .main_cat_img .ico span, .sub_categories .sub_cat_img .ico span, .main_categories .main_cat_img .ico span, .sub_categories .sub_cat_img .ico span{height:110px;}

      .main_categories #cat_entertain .ico span{
	  background-size:100px auto;
	  width:100px;
      }
      .main_categories #cat_entertain.focused .ico span{
	  background-size:110px auto;
	  width:110px;
      }
      .main_categories #cat_attract .ico span{
	  background-size:100px auto;
	  width:100px;
      }
      .main_categories #cat_attract.focused .ico span{
	  background-size:110px auto;
	  width:110px;
      }
      .main_categories #cat_nightlife .ico span{
	  background-size:100px auto;
	  width:100px;
      }
      .main_categories #cat_nightlife.focused .ico span{
	  background-size:110px auto;
	  width:110px;
      }
      .main_categories #cat_outdoors .ico span{
	  background-size:130px auto;
	  width:130px;
      }
      .main_categories #cat_outdoors.focused .ico span{
	  background-size:140px auto;
	  background-position:0 -10px;
	  width:140px;
      }
      .main_categories #cat_restro .ico span{
	  background: rgba(0, 0, 0, 0) url("../images/restaurants.png") no-repeat scroll 0 0;
	  background-size:120px auto;
	  width:120px;
      }
      .main_categories #cat_restro.focused .ico span{
	  background: rgba(0, 0, 0, 0) url("../images/restaurantsw.png") no-repeat scroll 0 0;
	  background-size:130px auto;
	  background-position:0 -10px;
	  width:130px;
      }
      .main_categories #cat_shop .ico span{
	  background: rgba(0, 0, 0, 0) url("../images/shopping.png") no-repeat scroll 0 0;
	  background-position:0 10px;
	  background-size:100px auto;
	  width:100px;
	  
      }
      .main_categories #cat_shop.focused .ico span{
	  background: rgba(0, 0, 0, 0) url("../images/shoppingw.png") no-repeat scroll 0 0;
	  background-position:0 0px;
	  background-size:110px auto;
	  width:110px;
      }
}

@media only screen and (min-width:1600px) and (max-width:1919px)
{
    .location_page .cc_info{ right: 5px !important; }
}

@media only screen and (min-width:1401px) and (max-width:1599px)
{
    .location_page .cc_info{ right: 4px !important; }
      .sub_cat_img{font-size:11px;}
      .list-item .list-data, .poi-data{min-height:auto;}
      .list-item{width:48%;}
      .header .logo{width:60%;}
      /*.header .logo img{width:10%;}*/
      .clock{width:30%;padding:10px 12px;}
      .similar_data .list-item, .list-item {width: 49%;}
      .poi-data {width: 100%;margin: 0 auto;}
      .list-item .list-data, .poi-data {float: none;}
      .similar_items .list-item:nth-child(5) {    display: none;}
      .poi-data-wrapper {width: 80%;margin: 0 auto;}
      .poi_details {width: 100%;margin: 20px auto;}
}

@media only screen and (min-width:1280px) and (max-width:1400px)
{
    .location_page .cc_info{ right: 3px !important; }
      .sub_cat_img{font-size:11px;}
      .list-item .list-data, .poi-data{min-height:auto;}
      .list-item{width:48%;}
      .header .logo{width:60%;}
      /*.header .logo img{width:10%;}*/
      .clock{width:30%;padding:10px 12px;}
      .similar_data .list-item, .list-item {width: 49%;}
      .poi-data {width: 100%;margin: 0 auto;}
      .list-item .list-data, .poi-data {float: none;}
      .similar_items .list-item:nth-child(5) {    display: none;}
      .poi-data-wrapper {width: 80%;margin: 0 auto;}
      .poi_details {width: 100%;margin: 20px auto;}
}


@media only screen and  (orientation : portrait) and (max-width:1079px) and (max-width:1279px)
{      .location_page .cc_info{ right: 3px !important; }
      .sub_cat_img{font-size:11px;}
      .list-item .list-data, .poi-data{min-height:auto;}
      .list-item{width:48%;}
      .header .logo{width:60%;}
      /*.header .logo img{width:10%;}*/
      .clock{width:30%;padding:10px 12px;}
      .similar_data .list-item, .list-item {width: 49%;}
      .poi-data {width: 100%;margin: 0 auto;}
      .list-item .list-data, .poi-data {float: none;}
      .similar_items .list-item:nth-child(5) {    display: none;}
      .poi-data-wrapper {width: 80%;margin: 0 auto;}
      .poi_details {width: 100%;margin: 20px auto;}
}

@media only screen and (min-width:1079px) and (max-width:1279px)
{
    .location_page .cc_info{ right: 0px !important; }
}

@media only screen and (min-width:1024px) and (max-width:1068px)
{
    .location_page .cc_info{ right: -1px !important; }
      
}


/*tour css start */
.tourbookpopup {
    color: #000;
    height: 450px;
    overflow: auto;
    width: 97%;
}
.modal-footer, .modal-header {
    border: 0 none;
    padding: 15px 50px 5px;
    border-bottom: 1px solid #ccc;
}
.bookform .modal-content {
    text-align: center;
    padding: 20px;
}
.modal-content {
    box-shadow: none !important;
    border: 1px solid #ccc;
    margin-top: 10px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 18px;
}
#tour_date {
    width: 250px;
}
.input, .select {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset;
    height: 35px;
    background: transparent;
    padding: 0 10px;
}
.ageBandLabel {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: left;
    vertical-align: top;
    min-width: 150px;
    width: auto;
}
.ageBand {
    width: 125px;
}
.input, .select {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset;
    height: 35px;
    background: transparent;
    padding: 0 10px;
}

.modal-header .close.closeModalbtn {
    color: #383835;
    font-size: 18px;
    opacity: 1;
    font-weight: normal;
    padding-left: 15px;
    outline: none;
}
#bookModal .modal-header .close.closeModalbtn::before, #bookReviewModal .modal-header .close.closeModalbtn::before, #bookRespModal .modal-header .close.closeModalbtn::before, #bookPaymentModal .modal-header .close.closeModalbtn::before {
    background-position: -26px -60px;
    background-size: 130px auto;
    height: 24px;
    margin-left: -20px;
    margin-top: -2px;
    width: 15px;
}

 #bookModal .modal-header .close.closeModalbtn::before, #bookRespModal .modal-header .close.closeModalbtn::before, #bookReviewModal .modal-header .close.closeModalbtn::before, #bookPaymentModal .modal-header .close.closeModalbtn::before {
    background: url(../images/orangeIcon/sprite-star.png) no-repeat;
    position: absolute;
    content: "";
}

.bkbtn, .page .detail_page .detail_data .book_btn .book_table_default, .page .detail_page .detail_data .book_btn .book_table, .submit_btn {
    font-family: "MuseoSansRounded-700",sans-serif;
    border: 1px solid transparent;
    cursor: pointer;
    background-color: #000000;
    color: #fff;
    margin: 5px auto 0;
    padding: 5px 10px;
    text-align: center;

}

#btn_submit, .book_review, .submit_btn{
    width: 68px;
    height: 26px;
    line-height: 26px;
     padding: 5px;
    cursor: pointer;

    border: 2px solid transparent;
    border-radius: 10px;
    display: inline-block;
    /*margin: 0 10px;*/

    color: #fff;
}


.submit_btn{
padding: 5px;
height: 50px;
line-height: 39px;
margin: 0px;
width: 150px;
}
/*tour css end */


/*.change_loc > span {
    background: rgba(0, 0, 0, 0) url(../images/attractioniconw.png) no-repeat scroll 0 0;
    background-size: 15px auto;
    background-position: 50% 100%;
    display: inline-block;
    height: 15px;
    width: 35px;
}*/
.change_loc.focused  {
    box-shadow:-1px -1px 10px 0 hsl(0, 0%, 100%);
}

.location_page .popular_city{display: inline-block;float: left;padding: 0;position: relative;width: 32%;margin:20px 1% 0 0;overflow:hidden;}
.location_page .popular_city .pop_image img,.location_page .popular_city .pop_image{
    height: auto;
    width: 100%;
}
.location_page .popular_city .pop_image img{
 background: rgba(0, 0, 0, 0) url("../images/rotate-loader.gif") no-repeat scroll 50% center / 20px auto;
    height: 260px;
    width: 98%;
}
.location_page .popular_city > a {
    display: inline-block;
    width: 100%;
}
.location_page .popular_city .overlay{
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: 6px;
    padding: 10px;
    position: absolute;
    width: 95.1%;
    color:#fff;
}

.location_page .popular_city.focused .overlay{
    background: #fff;
    bottom: 6px;
    padding: 10px;
    position: absolute;
    width: 95.1%;
    color:#000;
}

.location_page .cc_info .cclic{background-position:0 -71px;}

.location_page .overlay span {
    display: inline-block;
    font-size: 18px;
    width: 100%;
    color:#fff;
}
.resultPanel:focus .popular_city.focused{border: 4px solid #fff;}
.popular_city  .image{
	border: 4px solid rgba(0, 0, 0, .5);
}
.popular_city.focused  .image{
	border:4px solid white;
}
