body { 
	font: 13px/16px "Open Sans", sans-serif; color: #222222;
	/*color: #6d6e71;*/
}

h1 { line-height: 49px; margin: 5px 0; font: 42px 'Oswald', sans-serif; font-weight: 600; color: #333333; text-transform:uppercase;}
h2 { line-height: 35px; margin: 5px 0; font: 35px 'Oswald', sans-serif; font-weight: 600; color: #333333;}
h3 { line-height: 35px; margin: 5px 0; font: 28px 'Oswald', sans-serif; font-weight: 400; }
h4 { line-height: 14px; margin: 5px 0; font: 21px 'Oswald', sans-serif; font-weight: 600; }
h5 { line-height: 14px; margin: 5px 0; font: 14px 'Oswald', sans-serif; font-weight: 600; }

td { border-bottom: 0px; padding: 5px; }

a { color: #000; text-decoration: none;}
a:hover { color: #888; }

.clear { clear:both; }

.fflogo{
	font-size: 2.8em;
	color: #444;
}
.furamafirst{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.furamafirst_tail {
    font-style: italic;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: lowercase;
}
.advertorial {
    font-style: italic;
	color: #ccc;
}

.container_wrapper.prelogo {
	/* border-bottom: 2px solid #ddd; */
	margin: 10px 0 0 0;
}

.container_wrapper.prelogo .login {
	text-align: right;
}

.container_wrapper.logo {
	/* border-bottom: 2px solid #ddd; */
	margin: 10px 0 0 0;
}

.container_wrapper.logo .logo{
	text-align: center;
}

.container_wrapper.logo .social {
	text-align: right;
}

.socialicon {
	width: 20px;
}

.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
	background: #ccc;
}

.container_wrapper.topnavi {
	/* border-bottom: 1px solid #333; */
	color: #cccccc;
	font-size: 12px;
	padding: 10px 0 10px 0; 
	text-align: center;
}
.row.topnavi {
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;
	padding: 5px 0 5px 0;
	text-align: center;
	align: center;
}

.container_wrapper.mainbody {
	background: #fff;
	margin: 10px 0 0 0;
}

.container_wrapper.footer {	
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;	
	color: #ccc;
	margin: 60px 0 0 0;
	background: #333;
	padding: 30px 0 50px;
}

nav.topnav {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

nav.topnav li {
	float: left;
    text-align: center;
	margin: 0px;
}

nav.topnav li a {
    display: inline-block;
    text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 10px 0 0;	
	color: #000000;
	padding: 3px 5px;
	letter-spacing: 2px;
}
nav.topnav li a:hover {color: #fff;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
nav.topnav li.icon {display: none;}

.navi_divider{
	padding: 0 10px 0 5px;
	margin: 3px 0 0 0;
	float: right;
}

nav a{
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 10px 0 0;	
	color: #000000;
	padding: 3px 5px;
	letter-spacing: 2px;
}
nav a:hover{
	color: #333;
}

@media screen and (max-width:979px) {
  nav.topnav li:not(:first-child) {display: none;}
  nav.topnav li.icon {
    float: right;
    display: inline-block;
  }
  nav.topnav.responsive {position: relative;}
  nav.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  nav.topnav.responsive li {
    float: none;
    display: inline;
  }
  nav.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  .navi_divider {
	  display: none;
  }
}



.container{
}



.section{
}

.heading{
	
}

.content{
	padding: 10px 0;
}


.flex-caption{
	position: absolute;
	top: 10%;
	left: 10px;
	padding: 10px;
	width:200px;
	height: 100px;
	opacity: 0.4;
	/*
	bottom:50px;
    color: white;
    font-size: 16px;
    line-height: 20px;
    left:0;
    padding:0 20px;
    position:absolute;
    right:0;
    text-transform: uppercase;
    z-index:1;
	*/
}
.flexslider .slides > li { position: relative; }

.btn_category_travel {
	background: #ba01ff;
}
.btn_category_insiders {
	background: #228dff;
}
.btn_category_photo {
	background: #b6ff00;
}
.btn_category_makan {
	background: #ffca1b;
}
.btn_category_destination {
	background: #ff0092;
}

.btn_save {
	float:left;
}

.btn_save a{
	/*background: #333;*/
	color:#bfa462;
	border: 2px solid #bfa462;
	padding: 3px 10px;
	margin: 0px 10px 10px 0;
	text-decoration: none;
	/*line-height: 28px;*/
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
}
.btn_save a:hover{
	border: 2px solid #bfa462;
	/*background: #111;*/
	text-decoration: none;
}

.btn_read {
	float:left;
}
.btn_read a{
	padding: 3px 10px;
	margin: 0px 10px 10px 0;
	text-decoration: none;
	/*line-height: 28px;*/
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
	/*background: #fff100;
	color: #666;*/
	color:#bfa462;
	border: 2px solid #bfa462;
}
.btn_read a:hover{
	border: 2px solid #bfa462;
	/*background: #111;*/
	text-decoration: none;
}

a.btn_read2{
	font-size: 11px;
	text-decoration: none;
	padding: 12px 5px;
	color: #666;
	text-transform: uppercase; 
}
a.btn_read2 .btn_read2_div{	
	text-decoration: none;
	font-size: 11px;
	background: #fff100;
	text-align: right;
	padding: 1px 5px;
	text-transform: uppercase; 
}
a.btn_read2:hover{
	font-size: 11px;
	text-decoration: none;
	padding: 12px 5px;
	color: #fff;
	text-transform: uppercase; 
}
a.btn_read2:hover .btn_read2_div{	
	text-decoration: none;
	font-size: 11px;
	background: #333;
	text-align: right;
	padding: 1px 5px;
	text-transform: uppercase; 
}


.content_divider{
	padding: 10px; 
	text-transform: uppercase; 
	background: url('../images/div.gif') repeat-x center;
	text-align: center;
	margin: 0 0 10px 0; 
}

.content_divider .heading{
	background:#fff;  
	padding: 0 10px; 
	font-size:16px; 
	font-weight: bold;	
	letter-spacing: 2px;
	font: 24px 'Oswald', sans-serif;
}

.content{
}
.content .img{
}
.content .img .img2{
	width:100%;
}
.content .content_wrapper{
	padding:10px;
}
.content .content_wrapper .leadin{
}
.content_wrapper h3{
	font-size:22px; 
	text-transform:uppercase;
	color: #111;
	font-weight: bold;
	letter-spacing: 1px;
}
.content_wrapper h3 a{
	font-size:16px;
	text-transform:uppercase;
	color: #111;
}
.content_wrapper h3 a:hover{
	font-size:16px;
	text-transform:uppercase;
	color: #999;
}
.content .content_wrapper p{
	font-size:13px;
	margin-bottom: 10px;
}
.content .author{
	float:left;
	color: #ccc;
}
.content .author a{
	color:#ccc;
}
.content .author a:hover{
	color:#333;
}
.content .bookmark{
	float:left;
}

.latest_story{
	/*width:70%; position: relative; float: left;*/
}
.latest_story .img{
	position: relative; 
	width:100%; height: 330px !important; 
	overflow: hidden;  /*display: flex;*/ align-items: center;

}
.latest_story .img img{
	position: relative;
	width:100%; 
	display:inline-block; vertical-align: middle;
	height: auto;
}
.latest_story .content_wrapper{
}
.latest_story.content_wrapper .titletag{
	padding: 0 0 0px 0;
	font-size: 36px;
	text-transform:uppercase;
	color: #111;
	font-weight: bold;
	letter-spacing: 1px;
}
.latest_story.content_wrapper .titletag a{
	font-size: 36px;
	text-transform:uppercase;
	color: #111;
}
.latest_story.content_wrapper .titletag a:hover{
	font-size: 36px;
	text-transform:uppercase;
	color: #999;
}

.latest_story .content_wrapper .leadin{
}
.latest_story .content_wrapper p{
	margin: 10px 0;
}
.latest_story .content_wrapper .bookmark{
}


.latest_stories
{
	/*width:28%; position: relative; float: right; */
}
.latest_stories .img{
	width: 100%; position: relative;
	height: 180px; overflow: hidden;  display: flex; align-items: center;
}
/* For devices larger than 979px */
@media (min-width: 979px) {
	.latest_stories .img{
		width: 100%; position: relative;
		height: 90px; overflow: hidden;  display: flex; align-items: center;
	}
}
.latest_stories .img img{
	width:100%; position: relative;
	display:inline-block; vertical-align: middle;
	height: auto;
}
.latest_stories .content_wrapper{
	margin: 0 0 20px 0;
}
.latest_stories .content_wrapper .leadin{
}
.latest_stories .content_wrapper h3{
	font-size: 18px;
}
.latest_stories .content_wrapper p{
	margin: 10px 0;
}
.latest_stories .content_wrapper .blurb{
	display: block;
}
.latest_stories .content_wrapper .bookmark{
	float:left; padding: 0 0 15px 0;
}


/* For devices larger than 979px */
@media (min-width: 979px) {
	.latest_stories .content_wrapper .blurb{
		display: none;
	}
}


.popular_reads_wrapper{
	/*width:70%; position: relative; float: left; border-right: 1px solid #ccc; padding-right: 10px;*/	
}
.popular_reads article{
	padding-bottom: 10px;
}
.popular_reads .img{
	/*width:40%; position: relative; float: left;*/
	padding: 0 0 10px 0;
}
.popular_reads .img img{
	width:100%; position: relative;	
}
.popular_reads .content_wrapper{
	/*width:55%; position: relative; float: left;*/
	padding: 0 0px;
}
.popular_reads .content_wrapper .leadin{
}
.popular_reads .content_wrapper h3{
	font-size: 18px;
}
.popular_reads .content_wrapper p{
	/*width:55%; position: relative; float: left;*/
}

.subleftcol{
	width:100%; position: relative; float: none; padding: 0 0 0 0;
}
.subrightcol{
	width:100%; position: relative; float: none; padding: 0 0 0 0;
}

.subsubleftcol{
	width:100%; position: relative; float: none;
}
.subsubrightcol{
	width:100%; position: relative; float: none; 
}


/* For devices larger than 767px */
@media (min-width: 767px) {
	.subleftcol{
		width:40%; position: relative; float: left;
	}
	.subrightcol{
		width:55%; position: relative; float: left;
	}
	
	
	.subsubleftcol{
		position: relative; float: left; width: 28%;
	}
	.subsubrightcol{
		position: relative; float: left; width: 68%;
	}
	
	.popular_reads .content_wrapper{
		/*width:55%; position: relative; float: left;*/
		padding: 0 10px;
	}
}

.picked_for_you {}

.picked_for_you article{
	width:100%; position: relative; 
}
.picked_for_you .img{
	width:100%; position: relative;
	height: 300px; overflow: hidden;  display: flex; align-items: center;
}
.picked_for_you .img img{
	width:100%; position: relative; 
	display:inline-block; vertical-align: middle;
}
.picked_for_you .content_wrapper{
	padding: 0px 0 20px 0;
}
.picked_for_you .content_wrapper .leadin{
}
.picked_for_you .content_wrapper h3{
	font-size: 18px;
}
.picked_for_you .left {
	position: relative; float: left; width: 30%;
}
.picked_for_you .author {
	float: left; 
}
.picked_for_you .right {
	position: relative; float: right; width: 68%;
}

.leftcol{
	width:100%; position: relative; float: none; border: none; padding: 10px;
}
.rightcol {
	width:100%; position: relative; float: none; border: none; padding: 10px;
}

/* For devices larger than 979px */
@media (min-width: 979px) {
	.leftcol{
		width:70%; position: relative; float: left; border-right: 0px solid #ccc; padding: 0 10px 0 0;
	}
	.rightcol {
		width:27%; position: relative; float: right; padding: 0 0 0 10px;
	}
}


.category_reads {
}
.category_reads article{
	width:100%; position: relative; 
}
.category_reads .content_wrapper{
	padding:5px 5px 5px 10px;
}
.category_reads .content_wrapper h3{
	font-size: 16px;
}

.category_reads .content_wrapper h3 a{
	text-transform:none;
	font-weight: normal;
	color: #999;
}
.category_reads .content_wrapper h3 a:hover{
	font-size:16px;
	color: #333;
}

.tags .leadin{
	text-align: center; padding: 10px;
}
					

.leadin a {
	color: #333;
}

.leadin .category_boxes {
	float: left;
	padding: 0px 8px;
	margin: 0 5px 3px 0;
	font-size: 10px;
	background: #bfa462;
	color: #fff;	
	border: 1px solid #bfa462;
}

.leadin .category_boxes a {
	color: #fff;
}

.leadin .category_boxes a:hover {
	color: #333;
}

.main_story{
	/*width:70%; position: relative; float: left;*/
}
.main_story .leadin{
	color:#ccc;
}
.main_story .leadin a{
	color:#ccc;
}
.main_story .leadin a:hover{
	color:#333;
}
.main_story .subnavi{
}
.main_story .author{
	float: left;
}
.main_story .date{
	font-size: 12px;
}
.main_story .sharebar{
	float: right;
}
/*.main_story .img{
	width:100%; position: relative;
	height: 350px; overflow: hidden;  display: flex; align-items: center;
}
.main_story .img img{
	width:100%; position: relative;
	display:inline-block; vertical-align: middle;
}*/
.main_story .content_wrapper{
}
.main_story .content_wrapper img{
	width:100%; position: relative;
	height: auto;
	/*height: 350px; overflow: hidden;  display: flex; align-items: center;*/
}
.main_story .content_wrapper h3{
	padding: 0 0 0px 0;
}
.main_story .content_wrapper p{
	margin: 10px 0;
}
.main_story .content_wrapper .bookmark{
}
.main_story .endofarticle{
	border-top: 1px solid #ccc; border-bottom: 2px solid #333; padding: 10px 0 30px 0; margin: 0 0 30px 0;
}
.main_story .aboutauthor{	
}
.main_story .aboutauthor .authorname{	
	text-transform: uppercase; font-weight: bold; color: #bfa462;
}
.main_story .aboutauthor .authordesc{
	margin: 15px 0 0 0;	
}
.main_story .aboutauthor .authorarticles{	
	margin: 15px 0 0 0; font-style: italic; color: #ccc;
}
.main_story .aboutauthor .authorarticles a{	
	color: #bfa462;
}
.main_story .aboutauthor .authorarticles a:hover{	
	color: #000;
}

.youmayalsolike_wrapper {
}

.youmayalsolike_wrapper .youmayalsolike{
}

.youmayalsolike_wrapper .youmayalsolike article{
	width: 100%;float: none; margin-right: 10px;
}


.ads{
	padding: 15px 0 0 0 ;
}
.ads img{
	max-width: 100%;
}


/* For devices larger than 767px */
@media (min-width: 767px) {
	.youmayalsolike_wrapper .youmayalsolike article{
		width: 31%;float: left; margin-right: 10px;
	}

}


.youmayalsolike_wrapper .youmayalsolike .img{
	width:100%; position: relative;
	/*height: 300px;*/ overflow: hidden;  display: flex; align-items: center;
}
.youmayalsolike_wrapper .youmayalsolike .img img{
	width:100%; position: relative; 
	display:inline-block; vertical-align: middle;
}

.youmayalsolike_wrapper .youmayalsolike .content_wrapper{
	width:90%; background: #fff; padding: 0; margin: 0 auto;
}

.youmayalsolike_wrapper .youmayalsolike .content_wrapper h3{
	text-align:center; line-height: 20px;
}

 
								   
								   
/*
.traveltips {
	background: #0096ff;
	color: #fff;
}
.insiders {
	background: #c60052;
	color: #fff;
}
.photoessays{
	background: #ff714b;
	color: #fff;
}
.makan {
	background: #05676e;
	color: #fff;
}
.destinations{
	background: #489c79;
	color: #fff;
}
.attractions {
	background: #234432;
	color: #fff;
}
.foodie {
	background: #086924;
	color: #fff;
}
*/

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #af8d3d;
  border: 1px solid #af8d3d;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #bfa462;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: #fff;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #ccc;
  border: 1px solid #000;
  color: white;
}