@font-face {
	font-family: 'open_sansbold';
	src: url('../fonts/opensans/OpenSans-Bold-webfont.eot');
	src: url('../fonts/opensans/OpenSans-Bold-webfont.eot#iefix') format('embedded-opentype'),
		 url('../fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'),
		 url('../fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
		 url('../fonts/opensans/OpenSans-Bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'open_sanslight';
	src: url('../fonts/opensans/OpenSans-Light-webfont.eot');
	src: url('../fonts/opensans/OpenSans-Light-webfont.eot#iefix') format('embedded-opentype'),
		 url('../fonts/opensans/OpenSans-Light-webfont.woff') format('woff'),
		 url('../fonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'),
		 url('../fonts/opensans/OpenSans-Light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans/OpenSans-Regular-webfont.eot');
	src: url('../fonts/opensans/OpenSans-Regular-webfont.eot#iefix') format('embedded-opentype'),
		 url('../fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
		 url('../fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
		 url('../fonts/opensans/OpenSans-Regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'Ruda';
	src: url('../fonts/Ruda/Ruda-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Ruda Bold';
	src: url('../fonts/Ruda/Ruda-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Ruda Black';
	src: url('../fonts/Ruda/Ruda-Black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html, body {
	font-family: 'open_sanslight';
	line-height: 1.423;
	color: #444;
}

/* ============================================ add am ============================================= */

.container {
	width: 95%;
}

.pad-top-40{
	padding-top:30px;
}

.padding-bottom-36{
	padding-bottom:36px;
}

.img-wrapper-pe{
	margin-top:40px!important;
	margin-bottom:36px!important;
}

.container-stories-travel-photoessay{
	margin:0 auto; 
	max-width:880px;
}

.imgloading {
	width: 100%;
	height:100px;
	display: block;
	background:#fff url(../img/loading.gif) no-repeat center center;
}

.full-width-container .carousel-caption2 {
	position: absolute;
}

.img-wrapper img.full-width, .img-wrapper .carousel-caption2 {
	opacity: 0;
}

.img-wrapper-pe  img.full-width, .img-wrapper-pe .carousel-caption2, .img-credit {
	opacity: 0;
}

img.full-width {
	width: 100%;
	height: auto;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}

/* ============================================ end add ============================================= */

a {
	color: #444;
}

a span {
	color: #40c1b9;
}

small.muted {
	color: #a0a0a0;
}
a:hover {
	color: #40c1b9;
	text-decoration: none;
}

b, strong {
	font-family: 'open_sansbold';
	font-weight: normal;
}

.masonry-wrapper {
	width: 100%;
	height: auto;
	background-color: rgba(0,0,0, 0.8);
	position: relative;
	/*background: url(../img/bg-footer.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}

.nospan {
	padding: 0px;
	margin: 0 25px;
}


#mcontainer, #mcontainer2 {
	padding: 0;
	margin: 0 auto;
	position: relative;
}

#mcontainer2 .item {
	text-align: center;
}
#mcontainer2 .item:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}
#mcontainer2 .item .item-overlay {
	vertical-align: middle;
	/*display: inline-block;
	width: 300px;*/
}

#mcontainer .item {
	width: 33.39%;
	height: auto;
	padding: 0px;
	margin: 0;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	color: #fff;
	text-shadow: #555455 1px 1px 1px;
}

/* spacing between img */
#mcontainer .item img {
	vertical-align:bottom;
	z-index: 995;
}

#mcontainer .item .item-overlay {
	display: none;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin: 0 auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0px;
	background: rgba(0,0,0, 0.25);
	z-index: 998;
	position: absolute;
}

#mcontainer .item .item-overlay .vertical-align,
.vertical-align {
	left: 0;
	right: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

a.vertical-align, a.vertical-align:hover {
	color: #fff;
}

/*#mcontainer .item .item-overlay .vertical-align:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}*/

#mcontainer .item .item-overlay img {
	width: 40px;
	height: auto;
}

#mcontainer .item .item-overlay, #mcontainer .item .item-overlay a {
	color: #fff;
}
#mcontainer .item .item-overlay a:hover {
	/* color: #d0d0d1; */
}

#mcontainer .item .item-overlay .vertical-align hr {
	padding: 0;
	margin: 0 auto;
	height: 1px;
	color: transparent;
	border-top: 1px solid #d0d0d1;
	width: 60%;
}
#mcontainer .item .item-overlay .vertical-align h4 {
	margin: 0 auto;
	font-size: 1.5em;
	padding: 0 10px 0.5em;
	text-align: center;
	line-height: 1.6;
	font-family: 'open_sansregular';
	font-weight: normal;
	color: #fff;
	width: 100%;
}
#mcontainer .item .item-overlay .vertical-align p {
	padding-top: 0;
	padding-bottom: 0;
	margin: 4px auto;
	font-size: 0.85em;
	font-family: 'open_sansregular';
	width: 100%;
	text-align: center;
}

/*
#mcontainer .item .item-overlay h4 {
	margin: 0 auto;
	font-size: 1.5em;
	padding: 0 10px 0.5em;
	text-align: center;
	line-height: 1.6;
	font-family: 'open_sansregular';
	font-weight: normal;
	color: #fff;

	position: absolute;
	width: 100%;
	bottom: 45%;
}
#mcontainer .item .item-overlay h4 img {
	display: block;
	clear: both;
	margin: 0 auto;
}
#mcontainer .item .item-overlay hr {
	padding: 0;
	margin: 0.5em auto;
	height: 1px;
	color: transparent;
	border-top: 1px solid #d0d0d1;

	position: absolute;
	bottom: 40%;
	left: 20%;
	right: 20%;
}
#mcontainer .item .item-overlay p {
	padding-top: 0;
	padding-bottom: 0;
	margin: 4px auto;
	font-size: 0.85em;
	font-family: 'open_sansregular';

	position: absolute;
	width: 100%;
	text-align: center;
	top: 60%;
}*/

#mcontainer .item .item-overlay .categories {
	margin: 1em auto 2em;
}
#mcontainer .item .item-overlay .categories .item-categories {
	display: inline;
	margin-top: 15px;
	position: relative;
	/*background: #36C2B9;*/
	background: none;
	/*border: 4px solid #36C2B9;*/
}

#mcontainer .item .item-overlay .categories .item-categories span {
	padding: 0;
	margin: 0;
	text-align: right;
	color: #fff;
	height: 15px;
}

#mcontainer .item .item-overlay .categories .item-categories span {
	padding: 0;
	margin: 0;
	text-align: right;
	color: #fff;
	height: 15px;
	font-size: 0.8em;
	font-family: 'open_sansregular';

	position:relative;
	background:#36C2B9;
	border: none;
	margin:0px 0px 0px 18px;
	padding:8px 10px;
}
#mcontainer .item .item-overlay .categories .item-categories span:after,
#mcontainer .item .item-overlay .categories .item-categories span:before {
	right:100%;
	top:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}
#mcontainer .item .item-overlay .categories .item-categories span:after {
	border-right-color:#36C2B9;
	border-width:15px;
	margin-top:-15px;
}
#mcontainer .item .item-overlay .categories .item-categories span:before {
	border-right-color:#36C2B9;
	border-width:15px;
	margin-top:-15px;
}

h4 small.Resort, h4 small.stories, h1 small.Resort {
	width: 100%;
	height: 39px;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	background: url(../img/icons/icon-resort.png) no-repeat center center;
}
h1 small.Resort {
	background: url(../img/icons/icon-resort.png) no-repeat center center;
}
h4 small.stories {
	/*background: url(../img/icons/icon-book.png) no-repeat center center;*/
	background: url(../img/icons/icon-book1.png) no-repeat center center;
}
h4 small.Liveaboard, h1 small.Liveaboard {
	margin-bottom: 10px;
	width: 100%;
	height: 39px;
	display: block;
	text-align: center;
	background: url(../img/icons/icon-liveaboard.png) no-repeat center center;
}
h1 small.Liveaboard {
	/*background: url(../img/icons/icon-liveaboard-black.png) no-repeat center center;*/
	background: url(../img/icons/icon-liveaboard.png) no-repeat center center;
}

h4 small.Diving, h1 small.Diving {
	width: 100%;
	height: 39px;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	background: url(../img/icons/icon-diving.png) no-repeat center center;
}
h1 small.Diving {
	/*background: url(../img/icons/icon-diving-black.png) no-repeat center center;*/
	background: url(../img/icons/icon-diving.png) no-repeat center center;
}

/* stories icons */
h4 small.Photo-Essay, h1 small.Photo-Essay {
	width: 100%;
	padding: 0;
	line-height: normal;
	height: 39px;
	display: block;
	text-align: center;
	background: url(../img/icons/icon-photo-essay.png) no-repeat center center;
}
h1 small.Photo-Essay {
	background: url(../img/icons/icon-photo-essay-black.png) no-repeat center center;
}
h4 small.Video, h1 small.Video {
	width: 100%;
	height: 39px;
	padding: 0;
	line-height: normal;
	display: block;
	text-align: center;
	background: url(../img/icons/icon-video.png) no-repeat center center;
}
h1 small.Video {
	background: url(../img/icons/icon-video-black.png) no-repeat center center;
}
h4 small.Feature-Article, h1 small.Feature-Article {
	width: 100%;
	height: 39px;
	padding: 0;
	line-height: normal;
	display: block;
	text-align: center;
	background: url(../img/icons/icon-book1.png) no-repeat center center;
	/*background: url(../img/icons/icon-book.png) no-repeat center center;*/
}
h1 small.Feature-Article {
	background: url(../img/icons/icon-video-black.png) no-repeat center center;
}

h1.allcaps {
	text-transform: uppercase;
}

/*h4, h4 small {
	border: 1px solid red;
}*/

.floating-menu {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 999; /*am change*/ /* changed back by OS */
	width: 260px;
	display: block;
	border: none;
}
.floating-menu .title-container {
	width: 100%;
	background: rgba(233,49,0,0.9);
	padding: 5px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 auto;
}
.floating-menu .title-container.active {
	border-radius: 5px 5px 0 0;
}
.floating-menu .title-container .floating-title {
	width: auto;
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	/*background: rgba(233,49,0,0.9);
	padding: 9px;*/
	text-align: center;
	/*color: #fff;
	border-radius: 5px;*/
	cursor: pointer;
}
.floating-menu .title-container .floating-title:hover {
	/*text-decoration: underline;*/
	color: #dddcdd;
}
.floating-menu .floating-content {
	display: none;
	background: #fff;
	width: 100%;
	padding: 20px;
	border-radius: 0 0 5px 5px;
}
.floating-menu .floating-content label {
	padding: 3px 0;
	margin: 0;
	font-weight: normal;
	font-family: 'open_sansregular';
}

.btn-tctXX {
	background: #36C2B9;
	color: #fff;
	border-radius: 5px;
	border: none;
	font-size: 14px;
	height: 38px;
	padding: 0 15px;
	width: 180px;
	color: #fff;
	text-align: left;
	font-family: 'open_sansregular';
}
.btn-tctXYZ {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn-float {
	position: relative;
	display: inline-block;
	border-color: #36C2B9;
	background: #36C2B9;
	color: #fff;
	border-radius: 5px;
	border: none;
	font-size: 14px;
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
	width: 100%;
	color: #fff;
	text-align: left;
	font-family: 'open_sansregular';
	outline: 0;
}
.btn-float:active,
.btn-float:focus {
	color: #fff;
	outline: 0;
}
.open .dropdown-toggle.btn-tct {
	color: #fff;
	background-color: #36C2B9;
	border-color: #30b5ad;
}
button.btn-tct.dropdown-toggle {
	/*border-left: 2px solid #666;*/
	width: 220px;
	/*font-size: 20px;*/
	height: 38px;
	padding: 0;
	text-align: center;
}
.btn-tct .caret, .btn-float .caret {
	display: inline-block;
	position: absolute;
	top: 16px;
	right: 10px;
	width: 0px;
	height: 0px;
	margin-left: 10px;
	vertical-align: middle;
	border-top: 6px solid;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
ul.dropdown-tct {
	display: none;
	width: 100%;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
border: none;
box-shadow: none;
}
ul.dropdown-tct li {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-position: inside;
	text-align: left;
}
ul.dropdown-tct > li > a {
	width: 100%;
	color: #000;
}
.dropdown-tct > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-tct > li > a:hover,
.dropdown-tct > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-tct > .active > a,
.dropdown-tct > .active > a:hover,
.dropdown-tct > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}

#beta {
	float:right; 
	position: relative;
	/*top: 0;
	left: 0;*/
	width: 100px;
	height: 100px;
	background: url(../img/beta-new.gif) no-repeat top right;
	/*background: rgba(0,0,0, 0.20);*/
	z-index: 10;
}
#beta img {
	z-index: 90;
}
#top-header {
	width: 100%;
	background: #fff;
	height: 107px;
	line-height: 107px;
	vertical-align: middle;
	display: block;
	z-index: 900;
}
#top-header .socmed-header {
	z-index: 100;
	/*background: url(../img/beta.gif) no-repeat top right;*/
}

#top-header .container .socmed {
	z-index: 9999;
	display: block;
	float: right;
	text-align: right;
}

#center {
	width: 100%;
	line-height: 1.5;
	padding: 10px 0;
}

#center .center-content {
	padding: 20px;
}

.footeramdetail{
	padding-top:1%;
}

#header {
	width: 100%;
	height: 589px;
	position: relative;
	background: url(../img/bg-header.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;/* */
}

#header .container {
	height: 589px;
}

#header-content {
	/*background: none; amchange*/
	background: #444444;
	height:68px;
}

#tct-article {
	height: 550px; /* height: 650px; */
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: block;
	background: #fff;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;/* */
}

.attcredit {
	/* top position
	font-size: 0.9em;
	color: #555;
	position: absolute;
	top: 4px;
	right: 4px;
	width: auto;
	padding: 4px;
	background-color: rgba(220,218,221,0.85);
	line-height: normal;*/
	
	/* bottom position*/
	position: absolute;
	bottom: 2px;
	right: 2px;
	padding: 4px;
	font-size: 0.9em;
	background-color: rgba(0,0,0,0.5);
	width: auto;
	line-height: normal;
	color: #fff;
}
.attcredit-travel, .attcredit-slide {
	/* bottom position*/
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 4px;
	font-size: 0.9em;
	background-color: rgba(0,0,0,0.5);
	width: auto;
	line-height: normal;
	color: #fff;
}

#tct-article .vertical-align {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#tct-article .vertical-align h1 {
	font-family: 'Ruda', sans-serif;
	margin: 0 auto;
	margin-bottom: 15px;
	display: inline;
	background: rgba(64,193,185,0.5);
	font-size: 48px;
	text-transform: uppercase;
	width: 60%;
	max-width: 60%;
	padding: 10px;
	color: #fff;
	line-height: 1.8;
}

#tct-article .vertical-align h2 {
	margin: 20px auto;
	display: inline;
	background: rgba(64,193,185,0.5);
	font-size: 22px;
	width: 60%;
	max-width: 60%;
	padding: 8px;
	color: #fff;
	line-height: 45px;
	font-family: 'Ruda', sans-serif;
}

#tct-article .container {
	padding: 0px 30px;
	position: absolute;
	bottom: 0;
}

.tct-article-left, .tct-article-right {
	height: 400px;
	padding: 0;
	margin: 0;
}

#tct-article .tct-article-container {
	width: 300px;
	height: auto;
	/* background: url(../img/backgrounds/bg-travel-title.png) no-repeat bottom center; */
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
}

/*
#tct-article .tct-article-container {
	width: 371px;
	height: auto;
	background: url(../img/backgrounds/bg-travel-title.png) no-repeat bottom center;
	position: absolute;
	left: 0;
	bottom: 0;
}
*/


#tct-article .tct-article-container .tct-article-top {
	/*background: rgba(255,255,255,0.8);*/
	/*height: 301px;*/
	background: rgba(64, 193, 185, 0.85);
	height: auto;
	margin: 0px;
	padding: 16px 20px;
	display: block;
	text-align: center;
	position: relative;
	color:#fff;
}

#tct-article .tct-article-container .tct-article-top .tct-article-by a {
	color: #40c1b9;
}
#tct-article .tct-article-container .tct-article-top .tct-article-by a:hover {
	color: #555;
}
#tct-article .tct-article-container .tct-article-top h1 {
	font-size: 30px;
	padding: 0 20px;
	margin: 0;
	/*
	font-size: 34px;
	position: absolute;
	bottom: 50%;
	left: 0;
	right: 0;*/
	text-align: center;
}
#tct-article .tct-article-container .tct-article-top hr {
	/* height: 2px; */
	color: #444444;
	border-top: 1px solid #444444;
	margin: 15px 0;
	/*position: absolute;
	bottom: 40%;
	left: 10%;
	right: 10%;*/
}
#tct-article .tct-article-container .tct-article-top .tct-article-by {
	/*position: absolute;
	top: 60%;
	left: 0;
	right: 0;*/
	text-align: center;
}
#tct-article  .article-rating {
	background: rgba(255,255,255,0.8);
	width: 264px;
	height: 70px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 20px;
}

#tct-article  .article-rating span {
	cursor: pointer;
	display: inline-block;
	margin: 5px 0 0;
	width: 30px;
	padding: 3px 9px;
	height: 21px;
	background: url(../img/backgrounds/stars.png) no-repeat;
	/*transition: 0.1s;*/
}
#tct-article .article-rating span:hover,
#tct-article .article-rating span.ratings_over,
#tct-article .article-rating span.ratings.ratings_over  {
	background: url(../img/backgrounds/stars.png) no-repeat -95px;
}
#tct-article .article-rating span.ratings {
	background: url(../img/backgrounds/stars.png) no-repeat -49px;
}
#rating_info {
	text-align: center;
	padding-bottom: 7px;
	font-size: 0.9em;
}


#tct-article .tct-article-container .tct-article-title {
	display: block;
	width: 95%;
	height: 100px;
	padding-top: 5px;
	margin: 7px;
	text-align: center;
	text-transform: uppercase;
	background: rgba(255,255,255,0.8);
}

#tct-article .tct-article-container .tct-article-title .icons {
	width: auto;
	margin: 20px auto 0;
	padding: 0;
}
#tct-article .tct-article-container .tct-article-title .icons span {
	width: 52px;
	height: 50px;
	margin: 0 5px;
	display: inline-block;
}

#tct-article .tct-article-container .tct-article-title .icons span.watching {
	background: url(../img/icons/icon-snorkel.png) no-repeat;
}
#tct-article .tct-article-container .tct-article-title .icons span.kayaking {
	background: url(../img/icons/icon-swimming.png) no-repeat;
}
#tct-article .tct-article-container .tct-article-title .icons span.trekking {
	background: url(../img/icons/icon-eye.png) no-repeat;
}
#tct-article .tct-article-container .tct-article-title .icons span.wellbeingspa {
	background: url(../img/icons/icon-bird.png) no-repeat;
}
#tct-article .tct-article-container .tct-article-title .icons span.surfing {
	background: url(../img/icons/icon-bird.png) no-repeat;
}

/* am add*/
.acticons-container {
	/* background: rgba(64, 193, 185, 0.85); */
	background: none;
	clear: both;
	margin: 1px 0px;
	text-align: center;
	display: block;
	height:30px;
	padding:10px;
}	
.acticons {
	display: inline;
	cursor: pointer;
	position: relative; 
	color: #fff;
	margin: 10px 10px 0px 10px;
	display: inline-block;
}

.acticons:hover {
	border-bottom:none;
	/* border-bottom:3px solid #fff; */
}

.acticons span {
	display: none;
	position: absolute;
	top: 60px;
	background: rgba(64, 193, 185, 0.7);
	color: white;
	white-space: nowrap;
	padding:5px;
}
.acticons:hover span {
	display: block;
}

#tct-article .tct-article-container .acticons-container, .acticons-container {
	font-size: 14px;
}

#tct-article .tct-article-container .acticons-container .watching, .acticons-container .watching {
	background: url(../img/2015/Icon-Activities-White-1.png) no-repeat top left;
	width: 30px;
	height: 30px;
}
#tct-article .tct-article-container .acticons-container .kayaking, .acticons-container .kayaking {
	background: url(../img/2015/Icon-Activities-White-2.png) no-repeat top left;
	width: 30px;
	height: 30px;
}
#tct-article .tct-article-container .acticons-container .trekking, .acticons-container .trekking {
	background: url(../img/2015/Icon-Activities-White-3.png) no-repeat top left;
	width: 30px;
	height: 30px;
}
#tct-article .tct-article-container .acticons-container .wellbeingspa, .acticons-container .wellbeingspa {
	background: url(../img/2015/Icon-Activities-White-4.png) no-repeat top left;
	width: 30px;
	height: 30px;
}
#tct-article .tct-article-container .acticons-container .surfing, .acticons-container .surfing {
	background: url(../img/2015/Icon-Activities-White-5.png) no-repeat top left;
	width: 30px;
	height: 30px;
}
#tct-article .tct-article-container .acticons-container .diving , .acticons-container .diving {
	background: url(../img/2015/Icon-Activities-White-6.png) no-repeat top left;
	width: 30px;
	height: 30px;
}
#tct-article .tct-article-container .acticons-container .snorkeling , .acticons-container .snorkeling {
	background: url(../img/2015/Icon-Activities-White-7.png) no-repeat top left;
	width: 30px;
	height: 30px;
}
/* end am add*/

.showmehover{ 
	display: none;
}
.showhim:hover .showmehover{
	display : block;
}
.showhim:hover .showmenow{
	display : none;
}

.stories-article a {
	color: #40c1b9;
}
.stories-article a:hover {
	color: #33a6a0;
}
.stories-article img {
	width: 100%;
	height: auto;
	display: block;
}
#article-map {
	width: 100%;
	height: 185px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-image: url(../img/travel/map.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;/* */
}

#snorkeling {
	width: 100%;
	height: 400px;
	background-image: url(../img/travel/snorkeling.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;/* */
}

#galleries {
	width: 100%;
	height: auto;
	padding: 60px 0;
	background: #efefef;
}


blockquote.center {
  display:block;
  background: #fff;
  padding: 15px 45px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-size: 22px;
  line-height: 1.5;
  font-style: italic;
	color: #40c1b9;
  border: none;  
}

blockquote {
	position: relative;
	display: block;
	margin: 0;
	margin-top: 10px;
	border: none;
	font-family: 'Ruda', sans-serif;
	font-weight: bold;
	font-size: 20px;
	font-style: italic;
	color: #000;
	text-align: center;
	padding-left: 0;
	line-height: 160%;
}
blockquote::before {
  content: " "; /*Unicode for Left Double Quote*/
  /*background: url(../img/travel/quote-open.png) no-repeat top left;*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  /*Positioning*/
  position: absolute;
  left: 30%;
  right: 30%;
  top:0;
  /*width: 40%;*/
  height: 60px;
  display: block;
}
blockquote::after {
  content: " "; /*Unicode for Left Double Quote*/
  /*background: url(../img/travel/quote-open.png) no-repeat top left;*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  /*border-top: 1px solid #40c1b9;*/
  /*Positioning*/
  position: absolute;
  left: 20%;
  right: 20%;
  top:60px;
  /*width: 40%;*/
  height: 60px;
  display: block;
}
.blockquote-caption {
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
	padding-bottom: 15px;
	line-height: 1.3em;
}

/*blockquote.center::before{
  content: " ";
  
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  position: absolute;
  left: 10px;
  top:5px;

  background: url(../img/travel/quote-open.png) no-repeat top left;
}*/

blockquote.center::after{
  /*Reset to make sure*/
  content: "";
  /*background: url(../img/travel/quote-close.png) no-repeat top right;*/
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 60px;
  height: 40px;
  display: block;
}

.socmed-header {
	display:table;
	vertical-align:middle;
	height:80px;
	max-height:80px;
}

.navbar.navbar-default.arrowed, .navbar.arrowed {
	background: none;
	border: 0;
	border-radius: 0;
	color: #fff;
}

.navbar.navbar-default.arrowed .nav.navbar-nav,
.navbar.arrowed .nav.navbar-nav,
.navbar.arrowed .nav.navbar-nav a ,
.navbar.navbar-default.arrowed .nav.navbar-nav a {
	color: #fff;
	text-shadow: none;
	font-size: 1.1em;
}
.navbar.navbar-default .nav.navbar-nav:active,
.navbar.navbar-default .nav.navbar-nav a:active {
	/*background: #40c1b9;*/
	background: none;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background: none;
	border-color: none;
}
.navbar-default .navbar-nav > li > a, .navbar-nav > li > a {
	color: #fff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background: none;
}

html > body > div#header > div.nav-container > div.container > nav.navbar.navbar-default > div > div#bs-example-navbar-collapse-1.collapse.navbar-collapse {

  /*border-top: 1px solid transparent;
  -webkit-box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 1);
		  box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 1);*/
	/*background: rgba(0,0,0,0.4);*/
	background: none;
	border: 0;

-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	color: #fff;

  /*-webkit-box-shadow: none;
		  box-shadow: none;*/
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border: none;
}
.navbar-inner{
 background:none;
 filter:none;
 box-shadow:none;
 border-radius:0px;
 border:none;
}
.nav-container {
	width: 100%;
	padding: 0;
	background: rgba(0,0,0,0.4);
	padding-top: 10px;
	height: 68px;
}
#header-content .nav-container {
	background: #444444;
	
	/*amchange*/
	position: absolute;
	z-index: 999;
	display: block;
}
.nav-container, .nav.nav-pills {
	/*background-color: rgba(0,0,0,0.65);*/
}
.nav > li > a:hover,
.nav > li > a:focus
{
	color: #40c1b9;
  /*background: rgba(0,0,0,0.3);*/
}

/*
.header-bottom {
	position: absolute;
	bottom: 150px;
	left: 15%;
	right: 15%;
	vertical-align: middle;
}
*/

.header-bottom {
	position: absolute;
	bottom: 170px;
	left: 15%;
	right: 15%;
	vertical-align: middle;
	padding:0px;
}

.header-bottom * {
	vertical-align: middle;
}

.carousel-caption {
	position: absolute;
	padding-top: 75px;
	top: 10%;
	right: 20%;
	left: 20%;
	bottom: 10px;
	vertical-align: middle;
	line-height: normal;
	z-index: 999;
}
.carousel-caption2 {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0px;
	padding: 9px;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	z-index: 999;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
}
.header-text-container {
	margin: 0 auto;
	width: 70%;
	display: block;
}
.header-t, .header-c {
	margin: 10px auto;
	text-align: center;
}
.carousel-caption h3, .header-t .title, span.title {
	font-family: 'Ruda', sans-serif;
	margin: 0 auto;
	margin-bottom: 15px;
	display: inline;
	background: rgba(64,193,185,0.5);
	font-size: 48px;
	text-transform: uppercase;
	width: 60%;
	max-width: 60%;
	padding: 10px;
	color: #fff;
	line-height: 1.8;
}

.header-t p img {
	padding: 10px;
	background: rgba(64,193,185,0.5);
}
.header-c {
	margin: 5px 0;
}
.carousel-caption p span, .header-c p, .header-author {
	margin: 20px auto;
	display: inline;
	background: rgba(64,193,185,0.5);
	font-size: 22px;
	width: 60%;
	max-width: 60%;
	padding: 8px;
	color: #fff;
	line-height: 45px;
	font-family: 'Ruda', sans-serif;
}
.header-c p.header-author, p.header-author  {
	font-size: 18px;
	background: rgba(2,36,195,0.5);
	margin: 0 auto;
	width: auto;
	padding-left: 14px;
	padding-right: 14px;
}

#carousel-example-generic {
	width: 100%;
	height: 650px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	vertical-align: middle;
	line-height: 600px;
	background: #000;
position: relative;
}
#carousel-example-generic2 {
	width: 100%;
	height: 600px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	vertical-align: middle;
	line-height: 600px;
	background: #000;
}
.carousel-inner > .item.item2 > a > img {
	margin: 0 auto;
	vertical-align: middle;
	max-height: 600px;
	width: auto;
}
.carousel-inner > .item {
	/*background-size: cover;*/
	text-align: center;
	max-height: 650px;
}

/*amchange*/
.carousel-inner > .item > img {
	margin: 0 auto;
	vertical-align: middle;
	width: 100%;
	height: auto;
	/*height: 600px;*/
}

.stories-bottom-left, .stories-top-right {
	width: 100%;
	float: left;
	display: block;
	text-align: left;
	/* font-style: italic; */
}

.stories-article {
	width: auto;
	float: left;
	display: block;
	font-size: 1.5em;
	line-height: 170%;
}
.stories-article .carousel-caption2 {
	font-size: 0.8em;
}

.stories-article .img-wrapper {
	/* padding: 340px 0; */
	display: block;
	margin:100px auto 25px;
	padding:0;
}
.stories-article .img-wrapper .img-credit {
	color: #f6f6f6;
	position: absolute;
	font-size: 12px;
	line-height: normal;
	top: 0;
	left: 0;
	padding: 2px 5px;
	background: rgba(0,0,0,0.65);
}

.stories-article .img-wrapper-pe {
	/* padding: 340px 0; */
	display: block;
	margin: 25px auto 25px;
	padding:0;
}
.stories-article .img-wrapper-pe .img-credit {
	color: #f6f6f6;
	position: absolute;
	font-size: 12px;
	line-height: normal;
	top: 0;
	left: 0;
	padding: 2px 5px;
	background: rgba(0,0,0,0.65);
}

.stories-first-paragraph {
	font-family: 'open_sansregular';
	font-size: 1.55em;
	line-height: 1.5;
}

col-md-12.narrow-pp, .narrow-pp {
	margin:0 auto;
	max-width:880px;
	padding: 0;
}

.pullout {
	display: block;
	width: 225px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.pullout.left {
	float: left;
	margin-right: 25px;
}
.pullout.right {
	float: right;
	margin-left: 25px;
}

.pullout img {
	display: block;
	margin: 9px 0;
}
.pullout .pullout-text {
	padding: 10px 0 0;
	margin: 0;
	color: #000;
	font-size: 16px;
	line-height: 1.3;
	font-family: 'Ruda', sans-serif;
	font-style: italic;
	font-weight: bold;
}
.pullout.left .pullout-text {
	padding-right: 0px;
}
.pullout.right .pullout-text {
/*
	padding-right: 0px;
	padding-left: 20px;
*/
}

.pullout .pullout-caption {
	color: #000;
	font-size: 14px;
	padding-top: 10px;
	font-style: normal;
	line-height: normal;
}

ul.nav.navbar-nav li.ctd-menu {
	margin-left: 9px;
	padding-right: 10px;
	/*width: 250px;*/
	height: 50px;
	background: #40c1b9;
}
ul.nav.navbar-nav li.first a {
	padding-left: 0;
	margin-left: 0;
}
ul.nav.navbar-nav li.ctd-menu a {
	text-align: right;
	font-size: 1.3em;
}
ul.nav.navbar-nav li.ctd-menu a:hover {
	color: #444 !important;
}
ul.nav.navbar-nav li.active, ul.nav.navbar-nav li.active a {
	background: none;
}
ul.nav.navbar-nav li.open {
	background: none;
}
.dropdown-menu.arrowed {
	left: -40px;
	background: #444444;
	border: none;
}
.dropdown-menu.arrowed > li > a:hover, .dropdown-menu > li > a:focus {
	background: none;
	color: #40c1b9 !important;
}
.dropdown-menu.arrowed:after, .dropdown-menu.arrowed:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.dropdown-menu.arrowed:after {
	border-color: rgba(68, 68, 68, 0);
	border-bottom-color: #444444;
	border-width: 9px;
	margin-left: -9px;
}
.dropdown-menu.arrowed:before {
	border-color: rgba(68, 68, 68, 0);
	border-bottom-color: #444444;
	border-width: 10px;
	margin-left: -10px;
}

.navbar-form {
	width: 45px;
	height: 45px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	background: #40c1b9;
}

.search form {
	float: right;
	overflow: hidden;
	margin: 0;
}

.search input.searchBar {
	float: left;
	background: #fff;
	border: none;
	color: #555;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	padding: 7px 10px 5px 10px;
	width: 154px;
	height: 49px;
	position: relative;
	right: -174px;
	z-index: 9;
	border-radius: 0;
	margin: 0;
}

.search .searchBar::-webkit-input-placeholder {
	font-size: 14px;
	color: #f9f9f9;
}

.search .searchBar:-moz-placeholder {
	font-size: 14px;
	font-style: italic;
	font-weight: 200;
	color: #aaa;
}

.search .placeholder {
	font-size: 14px;
	font-style: italic;
	font-weight: 200;
	color: #aaa;
}

.search .searchSubmit {
	float: right;
	background: #40c1b9;
	border: none;
	color: white;
	line-height: normal;
	font-size: 18px;
	padding: 7px 10px 5px 10px;
	width: 45px;
	height: 49px;
	position: absolute;
	z-index: 99;
	border-radius: 0;
}

.ie9 .search .searchSubmit {
	padding: 5px 10px 7px 10px;
}

#xxtvideo {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
	position: relative;
	/*background: url(../img/bg-video.jpg) no-repeat;*/
	/*background: rgba(0,0,0,0.7);*/
	background: #000;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;/* */
}
#tvideo {
	width: 100%;
	height: 640px;
	line-height: 640px;
	text-align: center;
	display: block;
	padding: 0;
	margin: 0 auto;
	position: relative;
	background: url(../img/bg-video.jpg) no-repeat;
	/*background: rgba(0,0,0,0.7);*/
	/*background: #000;*/
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;/* */
}
#tvideo .tvideo-text {
	line-height: normal;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 40px;
	color: #fff;
	text-shadow: #555 0 1px 1px;
}
#tvideo .tvideo-text p {
	font-size: 18px;
}

a.nav-arrows {
	position: absolute;
	display: block;
	top: 45%;
	width: 38px;
	height: 61px;
	z-index: 998;
	/* z-index: 999; */
	opacity: 0.8;
	outline: none;
}
a.nav-arrows:hover {
	opacity: 1;
}
a.nav-arrows.prev {
	left: 75px;
	background: url(../img/backgrounds/nav-arrows.png) no-repeat left center;
}
a.nav-arrows.next {
	right: 75px;
	background: url(../img/backgrounds/nav-arrows.png) no-repeat right center;
}

/* amchange 
.cleft, .cright {
	display: block;
	width: 47%;
	padding: 5px 10px;
	margin: 10px;
	margin-right: 10px;
}
.cleft {
	float: left;
	margin-right: 25px;
}
.cright {
	float: right;
	margin-right: 0;
	margin-left: 10px;
}*/

.sec-header-left, .sec-header-right {
	width: 50%;
	padding: 0;
	/*padding: 7px 12px;*/
	margin-bottom: 25px;
	display: block;
	float: left;
	color: #40c1b9;
	text-transform: uppercase;
	font-size: 1.1em;
	/*border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;*/
	background: #fafafa;
}
.sec-header-left span, .sec-header-right span, .sec-header-right div {
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0 15px;
	display: block;
	width: 100%;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
.sec-header-right div {
	padding: 0;
	margin: 0;
	width: 100%;
	float: right;
	text-align: right;
}
.sec-header-right div span {
	width: auto;
	float: right;
	text-align: right;
	border: none;
}
.sec-header-left a, .sec-header-right a {
	display: block;
	float: left;
	height: 35px;
	color: #a0a0a0;
	font-size: 0.8em;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	overflow: visible;
}
.sec-header-left a.article-active, .sec-header-right a.current {
	background: url(../img/backgrounds/up-arrow.png) no-repeat center 28px;
}

.sec-header-left a:hover, .sec-header-right a:hover {
	color: #40c1b9;
	text-decoration: none;
}

/*amchange*/
.story-mainamchange{
	margin-right:15px;
}

.stories-container {
	/*margin: 0 25px 15px 0;*/
	padding: 0;
}
.stories-container img.img-responsive {
	width: 100%;
	padding-right: 15px;
}

/*
.stories-container.bordered {
	margin-right: 0;
	padding-left: 25px;
	border-left: 1px solid #d9d9d9;
}*/

.stories-container.bordered {
	margin-right: 0;
	padding-left: 15px;
	border-left: 1px solid #d9d9d9;
}

.stories-container, .stories-container p {
	padding-top: 0;
	color: #a0a0a0;
}
.stories-container p a {
	color: #a0a0a0;
}
.stories-container p a:hover {
	color: #40c1b9;
}
.stories-container .stories-author {
	float: right;
	text-align: right;
}

/* amchange */
.stories-container h2 {
	font-family: 'Ruda', sans-serif;
	display: block;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #444444;
	border-left: 3px solid #40c1b9;
	padding-left: 10px;
	margin-bottom: 20px;
	margin-right: 15px;
}

/*.stories-meta {
	display: block;
	float: right;
	width: 65%;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
}*/

.stories-meta {
	display: block;
	float: right;
	width:99%;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
}

.stories-meta p a.gray {
	color: #444;
}
.stories-meta p a.gray:hover {
	color: #40c1b9;
}

.stories-author {
	display: block;
	float: right;
}

.stories-date,
.date {
	color: #a0a0a0;
	font-size: 0.85em;
	text-transform: uppercase;
	padding-bottom: 3px;
	display: block;
}

/*
.stories-date {
	padding: 5px 9px;
	margin-right: 25px;
	background: #fafafa;
}
*/

/* amchange */
.stories-date {
	padding: 5px 9px;
	margin-right: 15px;
	background: #fafafa;
}

ul.stories-list {
	margin: 0;
	margin-right: 15px;
	padding: 0;
}
ul.stories-list li {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	display: block;
	clear: both;
	width: 99%;
	vertical-align: top;
}
ul.stories-list li.book {
	/*background: url(../img/icons/icon-book.png) no-repeat right top;*/
	background: url(../img/icons/icon-book1.png) no-repeat right top;
}
ul.stories-list li.image {
	background: url(../img/icons/icon-image.png) no-repeat right top;
}
ul.stories-list li.movie {
	background: url(../img/icons/icon-movie.png) no-repeat right top;
}
ul.stories-list li.travel {
	background: url(../img/icons/icon-suitcase.png) no-repeat right top;
}
ul.stories-list li img {
	display: inline;
}
ul.stories-list li p {
	color: #444;
	width: auto;
	wrap: no-wrap;
	overflow: ellipses;
}
ul.stories-list li .stories-meta p {
	text-transform: uppercase;
}

#about {
	padding: 35px 0;
	margin: 0 auto;
	width: 100%;
	display: block;
}
#about h1 {
	font-family: 'Ruda', sans-serif;
	color: #444444;
	font-size: 20px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d9d9d9;
}
#about p {
	color: #a0a0a0;
}


#footer {
	display: block;
	color: #fff;
	width: 100%;
	/*height: 1140px;*/
	background: url(../img/bg-footer.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;/* */
}

.footer-title {
	font-family: 'open_sansregular';
	height: 126px;
	line-height: 126px;
	vertical-align: middle;
	font-size: 50px;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	display: block;
	/*padding: 48px 0 38px;*/
}

.socmed {
	margin: 0 auto;
	display: block;
	/*float: left;*/
	padding: 0;
	
	padding-bottom: 38px;
	/*max-width: 250px;*/
	width: 100%;
}
.socmed .socmed-title {
	height: 97px;
	width: 100%;
}
.socmed .socmed-title.twitter {
	background: url(../img/backgrounds/twitter-home.png) no-repeat center bottom;
}
.socmed .socmed-title.facebook {
	background: url(../img/backgrounds/facebook-home.png) no-repeat center bottom;
}
.socmed .socmed-title.gplus {
	background: url(../img/backgrounds/gplus-home.png) no-repeat center bottom;
}
.socmed .socmed-title.instagram {
	background: url(../img/backgrounds/instagram-home.png) no-repeat center bottom;
}

.socmed .socmed-content {
	background: #fff;
	font-size: 1em;
	color: #a0a0a0;
	height: 350px;
	padding: 0 20px 20px;
	overflow: hidden;
}


/** SECTIONS STYLE SECOND **/

.breadcrumbs span {
	margin: 0;
	padding: 0
}

.tweet-user {
	margin: 0;
	padding: 12px 0;
	width: 100%;
	display: block;
	margin-bottom: 25px;
	font-size: 13px;
	border-top: 1px solid #d4d4d4;
}
.tweet-items{
	margin: 0;
	padding: 12px 0;
	width: 100%;
	display: block;
	margin-bottom: 25px;
	font-size: 13px;
}
.tweet-items:first-child {
	border: none;
}
.tweet-items p.date {
	padding: 0;
	margin-top: 3px;
	font-size: 12px;
}
.tweet-items a, .tweet_text a {
	color: #000000;
}
.tweet-items a:hover, .tweet-items a:active, .tweet-items a:focus {
	color: #047f7e;
	text-decoration:none;
}
.tweet-items p.date a {
	color: #838383;
}
.tweet_user_image {
	position: relative;
	width: 42px;
	height: 42px;
	display: block;
	float: left;
	margin-right: 7px;
}
.tweet_user_image img {
	width: 100%;
}
.tweet_text {
	border-bottom: 1px solid #d4d4d4;
	width: 85%;
	margin: 0px 0px 8px 0px;
	padding: 0;
	position: relative;
	padding-right: 3px;
	float: left;
	color: #565656;
	text-overflow: ellipsis;
	overflow-x: hidden;
}
.tweet_text h4 {
	font-size: 14px;
	padding: 0;
	margin: 0;
} 
.tweet-user .tweet_text {
	font-size: 14px;
}
p.user_stats {
	font-size: 11px;
	padding: 0;
	margin: 0;
	color: #808080;
}
.tweet-user {
	margin: 0px 0px 8px 0px;
	padding: 0;
	width: 100%;
	min-height: 48px;
	display: block;
	border-top: none;
	padding: 0px 2px 9px 2px;
}
.tweet-user .twitter-title {
	height: 23px;
	font-size: 12px;
	padding: 5px 2px 0px 2px;
	margin: 0;
	margin-bottom: 12px;
	font-weight: bold;
	border-bottom: 1px solid #c2c6c6;
}
.tweet-items-container {
	width: 100%;
	height: 235px;
	text-overflow: ellipsis;
	overflow-x: hidden;
	overflow-y: scroll;
}
a.btn-socmed {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 71px;
	height: 33px;
	display: block;
}
a.btn-socmed.twitter {
	background: url(../img/btn-tweet.png) no-repeat 0 top;
}
a.btn-socmed.twitter:hover {
	background-position: 0 bottom;
}
a.btn-socmed.facebook {
	background: url(../img/btn-fb.png) no-repeat 0 top;
}
a.btn-socmed.facebook:hover {
	background-position: 0 bottom;
}

.news-subscribe {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	font-size: 18px;
	background: rgba(0,0,0,0.4);
	padding: 35px 25px;
	display: block;
	clear: both;
}
.news-subscribe p {
	padding-bottom: 9px;
}
/*input.email {
	border-radius: 5px;
	border: none;
	height: 52px;
	line-height: 52px;
	vertical-align: middle;
	color: #a0a0a0;
	padding: 10px;
	width: 260px;
	margin-right: 30px;
}*/
input.btn-subscribe, a.btn-more {
	color: #fff;
	background: #e74c3c;
	text-transform: uppercase;
	height: 54px;
	line-height: 54px;
	vertical-align: middle;
	padding: 0 80px;
	border: 0;
	border-bottom: 4px solid #c0392b;
	border-radius: 5px;
}
a.btn-more {
	font-size: 18px;
	padding: 9px 40px;
	border: 1px solid #c0392b;
	border-bottom: 4px solid #c0392b;
}

.footeram {
	background: #fff;
}

.fun-facts {
	background: #fff;
}

.fun-facts-top {
	width: 100%;
	background: #fff;
	/*height: 270px;*/
	/*padding-top: 20px;*/
	/*height: 260px;*/
	padding-top: 15px;
}
.fun-facts-bottom {
	width: 100%;
	height: 107px;
	background: url(../img/bg-bottom.png) no-repeat left bottom;
}
.fun-facts-title {
	color: #444444;
	font-size: 20px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	/*padding-bottom: 20px;*/
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d9d9d9;
}

.footer-bottom {
	padding-top: 25px;
	border-top: 1px solid #d9d9d9;
	/*height: 182px;*/
	line-height: 65px;
	color: #444;
}
.footer-menu {
	display: block;
	float: left;
	text-align: left;
}
.footer-menu a {
	margin-right: 13px;
	color: #fff;
	text-transform: uppercase;
}
.footer-menu a.current, .footer-menu a:hover, a.current, a.green {
	color: #40c1b9;
}
.footer-bottom .footer-menu a {
	color: #444;
}
.footer-bottom .footer-menu a.current, .footer-bottom .footer-menu a:hover,
.footer-bottom  a.current, a.green {
	color: #40c1b9;
}
a.green:hover {
	color: #444;
}

/* from jquery-ui */
..ui-widget-content {
	background: red;
}
.ui-slider-horizontal .ui-slider-handle
{
	width: 18px;
	height: 18px;
	border: none;
	background: url(../img/knob.png) no-repeat;
}

/* 'star-rating' component */
ul.rating{
	width:80px;
	height:16px;
	margin:0 auto 20px;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../img/star-matrix.png) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(../img/star-matrix.png) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}


.iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.iframe-wrapper iframe {
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 98%;
}

.black {
	color: #000 !important;
}

#contact {
	background: #f5f5f5;
}

#contact .contact-container {
	background: #fff;
	padding: 0;
	margin: 0 auto;
	width: 432px;
	position: relative;
	border: 1px solid #d7d7d7;
}
#contact .contact-container h2 {
	padding-left: 40px;
	padding-right: 40px;
}
#contact .contact-container form.contact-form {
	padding: 10px 40px;
}
#contact .contact-container form.contact-form span.contact-button .btn {
	text-transform: uppercase;
}
#contact .contact-container p {
	padding: 28px 0 30px;
	color: #888888;
	border-bottom: 1px solid #d7d7d7;
}
#contact .contact-container h3 {
	margin: 0;
	display: block;
	line-height: 41px;
	padding: 25px 0 25px;
	border-bottom: 1px solid #d7d7d7;
}
	#contact .contact-container h3 img {
		padding-left: 5px;
	}

#contact .contact-container a, #contact .contact-container a img {
	padding: 10px 40px 0px;
}
#contact .contact-container h3 span.checked-contact {
	background: url(../img/backgrounds/checked-contact.png);
	display: inline-table;
	width: 41px;
	height: 41px;
}
#contact .contact-container h4 {
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'open_sansbold';
	padding: 0px 10px;
	margin-left: 57px;
	margin-right: 57px;
	margin-top: -3px;
	margin-bottom: 36px;
}
#contact .contact-container h4 small {
	color: #888;
	font-size: 13px;
	padding: 0;
	display: block; height: unset;
	margin-bottom: 5px;
}
#contact .contact-container h4 a {
	padding: 0;
	text-align: center;
	color: #252525;
	font-size: 16px;
	font-family: 'open_sansbold';
}
#contact .contact-container h4 a:hover {
	color: #38ADA6;
}
#contact .contact-container .prev,
#contact .contact-container .next {
	position: absolute;
	width: 15px;
	height: 27px;
	padding: 0;
	top: 447px;
	background-repeat: no-repeat;
}
#contact .contact-container .prev {
	left: 40px;
	background-image: url(../img/prev.png);
}
#contact .contact-container .next {
	right: 40px;
	background-image: url(../img/next.png);
}
#contact .contact-container .prev:hover,
#contact .contact-container .next:hover {
	background-position: -15px center;
}
#contact .contact-container .prev.disabled,
#contact .contact-container .next.disabled {
	opacity: 0.4;
}

#contact > .container > .clearfix, #contact > .container > .row > .clearfix:first-child {
	height: 70px;
}

.btn-primary {
  color: #fff;
  background-color: #01c0ba;
  border-color: #01c0ba;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #00afab;
  border-color: #00afab;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #00d0cb;
  border-color: #00d0cb;
}
.btn-primary .badge {
  color: #01c0ba;
  background-color: #fff;
}

#canvas{margin:0 auto; width:100%; height:220px;}
.circle { display: inline-block; margin-top: 30px; margin-bottom: 30px; }

 
#circles1{
	padding-left:1px;
}
	
#circles2{
	padding-right:3px;
}
	
#circles3{
	padding-right:4px;
}
	
#circles4{
	padding-right:5px;
}

.h5circles1{
	margin-top:-25px; color:#11bec9; width:60%; font-weight:bold;
}
.h5circles2{
	margin-top:-25px; color:#f72993; width:60%; font-weight:bold;
}
.h5circles3{
	margin-top:-25px; color:#8c6e1b; width:80%; font-weight:bold;
}
.h5circles4{
	margin-top:-25px; color:#ac1ac6; width:60%; font-weight:bold;
}


/* added - OS 2014-08-06 */
.white-bg {
	background: #fff;
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
}
.white-bg h1 {
	margin-top: 0px;
	font-size:25px;
	line-height:35px;
}

.white-bg p {
	margin-bottom: 0;
}

.aboutusp1 h3{
	text-align:center;
}

h2.teal-subheading {
	color: #36C2B9;
	font-size: 1.3em;
	font-weight: bold;
	font-family: 'Ruda', sans-serif;
	margin-top:6px;
}

.thumbnail.odestinations .caption {
	display: none;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 4px;
	color: #fff;
	text-align: center;
	transition: 0.25s;
	background: rgba(0,0,0, 0.25);
	text-shadow: #444 1px 1px 2px;
	width: 100%;
}
.thumbnail.odestinations:hover .caption {
	display: block;
	background: rgba(0,0,0, 0.25);
}


.thumbnail.odestinations .caption hr {
	border-top: 1px solid #fff;
	color: #fff;
	width: 60%;
	margin: 0 auto;
}
.thumbnail.odestinations .caption h4 {
	padding: 0 5px;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	width: 100%;
	color: #fff;
}
.thumbnail.odestinations .caption p {
	width: 100%;
	padding: 0 5px;
	text-align: center;
}
.thumbnail.odestinations img {
	width: 100%;
	height: 100%;
}

.carousel-inner > .item {
	background: #000;
	height: 650px;
}
.carousel-inner > .item.item2 > a > img {
	margin: 0 auto;
	vertical-align: middle;
	max-height: 100%;
	width: auto;
}


.stories-bottom-left, .stories-top-right {
	color: #40c1b9;
	font-size: 1.1em;
	font-family: 'Ruda';
}
.stories-top-right {
	text-align: right;
}
.stories-top-right img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}

.imgcopy {
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 4px;
	font-size: 0.9em;
	background-color: rgba(0,0,0,0.5);
	width: auto;
	line-height: normal;
	color: #fff;
}

/* ----------------------------------- Komunigrafik Modifications ---------------------------------------- */
/* ----------------------------------- Komunigrafik Modifications ---------------------------------------- */
/* ----------------------------------- Komunigrafik Modifications ---------------------------------------- */

#mcontainer {
	background-color: white;	
}

/* TRAVEL */

.container-travel-header {
	width: 100%;
}

.col-travel-header {
	padding: 0 15px;
}

	.col-travel-header h1 {
		font-size: 36px;
		line-height: 36px;
		text-align: center;
		color: #38ADA6;
		font-family: "Ruda Black";
		margin-bottom: 25px;
		margin-top: 65px;
	}

	.col-travel-header p, .col-travel-ad p {
		text-align: center;
		color: #252525; margin-bottom: 30px;
		font-size: 14px;
	}

	.travel-header-nofilter {
		margin-bottom: 35px;
	}

.col-travel-ad {
	/*background: #ececec url('../img/travel-banner-arrow.png') no-repeat center left;*/
	padding: 0 30px 0 30px;
	text-align: center;
}

	.col-travel-ad h3 {
		font-size: 18px;
		line-height: 18px;
		font-family: "Ruda Black";
		text-transform: uppercase;
		margin-bottom: 40px; padding: 0;
	}

	.col-travel-ad .brand-logo {
		margin-bottom: 75px; padding: 0;
	}

.col-travel-ad, .col-travel-ad .btn {
	font-size: 12px;
}

.col-travel-ad a.barefoot-logo {
	display: inline-block;
	margin: 0;
}

	a.btn-loadmore {
		text-transform: uppercase;
		font-size: 14px;
	}

span#article_left {
	color: #FFF;
}

.map-header {
	background: #e6e6e6;
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
}

.map-header h3 {
	color: #01C0BA;
	font-size: 20px;
	line-height: 35px;
}

.carousel-popper-controls {
	position: absolute;
	top: 20px;
	right: 20px;
}

	.modal .carousel-popper-controls {
		position: fixed;
	}

.carousel-popper-controls a {
	display: block;
	font-size: 2.5rem;
	line-height: 2.5rem;
	border-radius: 50%;
	padding: 1rem;
	background-color: #000;
}

	.carousel-popper-controls a * {
		color: white;
	}

		.carousel-popper-controls a:hover {
			background-color: #36C2B9;
		}

	.carousel-popper-controls a.invert {
		background-color: #36C2B9;
	}

	.carousel-popper-controls a.invert:hover {
		background-color: #000;
	}

.carousel-popper span {
	color: white;
}

.carousel-popper-body {
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;	
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	text-align: center;
}

	div.carousel-popper-body img {
		display: inline-block;
	}

div.carousel-popper-backdrop.modal-backdrop.in {
	opacity: 1.0;
}

/* END TRAVEL */

.row-3x3 .img-responsive {
	min-width: 100%;
}

.row-3x3 .col-item {
	background-color: #000;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.row-3x3 .col-item-overlay {
	position: absolute;
	bottom: 20px; left: 20px;
	color: white;
	width: 90%;
	z-index: 10;
	padding-top: 10px;
}

.row-3x3 .col-item-overlay h4 {
	line-height: 22px;
	font-family: 'open_sansbold';
	text-transform: none;
	margin: 0;
	margin-bottom: 3px;
}

.row-3x3 .col-item-overlay a h4, .row-3x3 .col-item-overlay a:hover h4, .row-3x3 .col-item-overlay a:focus h4, .row-3x3 .col-item-overlay a:visited h4 {
	color: white;
}

.row-3x3 .col-item-overlay a:hover h4 {
	text-decoration: none;
}

.row-3x3 .collapse-subtitle p {
	box-sizing: content-box;
	padding-left: 40px;
	padding-top: 10px;
	margin: 0;
}

.row-3x3 .collapse-subtitle p, .row-3x3 a .collapse-subtitle p, .row-3x3 a p {
	font-size: 14px; color: white; line-height: 18px;
}

.row-3x3 a:hover .collapse-subtitle p, .row-3x3 a:hover p {
	text-decoration: none;
}

	.collapse-subtitle p.acticons-container {
		background-color: transparent;
		margin: 0;
		text-align: left;
		padding-top: 20px;
	}

	.collapse-subtitle .acticons-container .col-md-4, .collapse-subtitle .acticons-container .col-sm-4, .collapse-subtitle .acticons-container .col-xs-4 {
		padding-right: 0;
	}

	.collapse-subtitle .acticons {
		background-color: transparent;
		/*width: 100%;*/
		max-width: 50px;
		min-width: 30px;
		height: auto;
		padding: 20px 0px 0px 0;
		margin: 0 auto;
		display: inline-block;
		cursor: default;
		margin-right: 20px;
	}

		.collapse-subtitle .acticons:hover {
			border: none;
		}

	.collapse-subtitle .subtitle-container {
		overflow: auto;
	}

.row-3x3 .col-item-meta {
	position: relative;
	min-height: 0;
}

.row-3x3 .col-item-meta div.meta-data {
	margin-left: 40px;
	min-height: 0;
}

	.row-3x3 .col-item-meta div.meta-data p {
			min-height: 20px;
		}

.row-3x3 .img-overflow {
	position: absolute;
	max-width: 200%;
	width: 100%;
	
	top: 0;
	left: 0;

	opacity: 1.0;

	/*transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;*/

	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;

	

	/*transition: top 0.5s ease-in-out;
	-moz-transition: top 0.5s ease-in-out;
	-webkit-transition: top 0.5s ease-in-out;

	transition: left 0.5s ease-in-out;
	-moz-transition: left 0.5s ease-in-out;
	-webkit-transition: left 0.5s ease-in-out;*/
}

.row-3x3 .col-item:hover .img-overflow {
	/*top: -2.5%;
	left: -2.5%;*/
	z-index: 8;	
	opacity: 0.5;

	transform: scale(1.1);
	-webkit-transform: scale(1.1) translate(0.0);
	
	/*-webkit-transform:  translate(0,0);*/
}

	.row-3x3 .col-item .item-gradient, .row-3x3 .item-overlay {
		display: block;
		/*max-height: 100%; max-width: 100%;

		transition: all 0.35s ease-out;
		-moz-transition: all 0.35s ease-out;
		-webkit-transition: all 0.35s ease-out;
		-o-transition: all 0.35s ease-out;

		z-index: 9;*/
	}

		.row-3x3 .col-item .item-gradient:after {
		  content:'';
		  position:absolute;
		  left:0; top:0;
		  width:100%; height:100%;
		  display:inline-block;
				  
		  background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%,rgba(0,0,0,0.95) 100%); /* FF3.6-15 */
		  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
		  background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f2000000',GradientType=0 ); /* IE6-9 */

		  z-index: 9;
		}

	.row-3x3 .col-item .item-gradient img {
		/*z-index: -1;*/
	}

.row-3x3 .col-item:hover .item-gradient {

}

.row-3x3 .col-item .cover-thumb {
	opacity: 0;
}

/* STORIES meta icons */

.row-3x3 .col-item small.Photo-Essay {
	width: 31px;
	height: 36px;
	top: -2px;
	padding: 0;
	line-height: normal;
	background: url(../img/icons/Icon-Photo-White.png) no-repeat bottom left;
}
.row-3x3 .col-item-inv small.Photo-Essay {
	background: url(../img/icons/Icon-Photo-Gray.png) no-repeat bottom left;
}

.row-3x3 .col-item small.Video {
	width: 31px;
	height: 36px;
	top: 1px;
	padding: 0;
	line-height: normal;
	background: url(../img/icons/Icon-Video-White.png) no-repeat bottom left;
}
.row-3x3 .col-item-inv small.Video {
	background: url(../img/icons/Icon-Video-Gray.png) no-repeat bottom left;
}

.row-3x3 .col-item small.Feature-Article {
	width: 31px;
	height: 36px;
	top: 4px;
	padding: 0;
	line-height: normal;
	background: url(../img/icons/Icon-FeaturedArticle-White.png) no-repeat bottom left;
}
.row-3x3 .col-item-inv small.Feature-Article {
	background: url(../img/icons/Icon-FeaturedArticle-Gray.png) no-repeat bottom left;
}

/* TRAVEL meta icons */

.row-3x3 .col-item-meta small.Resort, .row-3x3 .col-item-meta small.stories, .row-3x3 .col-item-meta-inv small.Resort {
	width: 30px;
	height: 35px;
	background: url(../img/2015/Icon-Resort-White.png) no-repeat bottom left;
	top: 0px;
}
.row-3x3 .col-item-meta-inv small.Resort {
	background: url(../img/2015/Icon-Resort-Gray.png) no-repeat bottom left;
}
.row-3x3 .col-item-meta small.stories {
	background: url(../img/icons/icon-book1.png) no-repeat bottom left;
}
.row-3x3 .col-item-meta small.Liveaboard, .row-3x3 .col-item-meta-inv small.Liveaboard {
	width: 24px;
	height: 30px;
	background: url(../img/2015/Icon-Liveaboard-White.png) no-repeat bottom left;
	top: 0px;
}
.row-3x3 .col-item-meta-inv small.Liveaboard {
	/*background: url(../img/icons/icon-liveaboard-black.png) no-repeat bottom left;*/
	background: url(../img/2015/Icon-Liveaboard-Gray.png) no-repeat bottom left;
}

.row-3x3 .col-item-meta small.Diving, .row-3x3 .col-item-meta-inv small.Diving {
	width: 30px;
	height: 29px;
	background: url(../img/icons/icon-diving.png) no-repeat bottom left;
	top: 0px;
}
.row-3x3 .col-item-meta-inv small.Diving {
	/*background: url(../img/icons/icon-diving-black.png) no-repeat bottom left;*/
	background: url(../img/icons/icon-diving.png) no-repeat bottom left;
}

/* meta icons */

.row-3x3 small.meta-icon {
	position: absolute; left: 0; display: inline-block;
	background-size: contain;
}




/* CONTENTS */

.floating-sidebar {
	float: right;
	padding: 30px;
	margin: 0;
	margin-left: 25px;
	margin-bottom: 25px;
	width: 35%;
	border: 1px solid #EEE;
}

.floating-sidebar .acticons-container {
	background-color: transparent;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
}

	.floating-sidebar .acticons-container .col-xs-12 {
		margin-bottom: 5px;
	}

.floating-sidebar .acticons-container .col-md-4, .floating-sidebar .acticons-container .col-sm-4, .floating-sidebar .acticons-container .col-xs-4 {
	padding-right: 0;
}

.floating-sidebar .acticons {
	background-color: rgba(64, 193, 185, 0.85);
	background-position: center center;
	border-radius: 50%;
	width: 20px;
	max-width: 20px;
	height: auto;
	padding: 14px;
	margin: 0;
	display: block;
	cursor: default;
	float: left;
	margin-right: 15px;
}

	.floating-sidebar .acticons-container .watching {
		background: url(../img/2015/Icon-Activities-Black-1.png) no-repeat top left;
		background-size: contain;
		width: 28px; height: 28px;
	}
	.floating-sidebar .acticons-container .kayaking {
		background: url(../img/2015/Icon-Activities-Black-2.png) no-repeat top left;
		background-size: contain;
		width: 28px; height: 28px;
	}
	.floating-sidebar .acticons-container .trekking {
		background: url(../img/2015/Icon-Activities-Black-3.png) no-repeat top left;
		background-size: contain;
		width: 28px; height: 28px;
	}

	.floating-sidebar .acticons-container .wellbeingspa {
		background: url(../img/2015/icon-travel-spa.png) no-repeat top left;
		background-size: contain;
		width: 28px; height: 28px;
	}
	.floating-sidebar .acticons-container .surfing {
		background: url(../img/2015/icon-travel-surfing.png) no-repeat top left;
		background-size: contain;
		width: 28px; height: 28px;
	}

	.floating-sidebar .acticons:hover {
		border: none;
	}

	.floating-sidebar .acticons-container p {
		padding: 0;
		display: block;
		float: left;
		background-color: transparent;
		color: #252525;
		width: 100px;
		font-size: 13px;
		height: auto;
		line-height: 13px;
		text-align: left;
		margin-top: 7px;
		font-family: "open_sansregular";
	}

	.floating-sidebar hr {
		border: none;
		width: 100%;
		height: 1px;
		background-color: #d7d7d7;
		margin: 30px 0;
	}

	.floating-sidebar .detail-ad p {
		color: #252525;
		font-family: "open_sansregular";
		font-size: 13px;
		margin-bottom: 20px;
	}

.floating-sidebar h5 {
	margin-bottom: 0;
	margin-top: 15px;
}
	
	.floating-sidebar h5:first-child {
		margin-top: 0;
	}

.floating-sidebar span.value {
	font-size: 16px;
	font-family: "open_sansbold";
}


/* SOCMED OVERRIDES*/

.socmed .socmed-title.twitter {
	/*background: #0176ac;*/
}

.socmed .socmed-title.facebook {
	/*background: #00aee2;*/
}



/* INDEX STYLES */

#mosaic_loadmore2.btn {
	font-size: 14px;
	padding: 30px 0;
	font-family: "open_sansbold";
	width: 455px;
	height: 80px;
	border: none;
	border-radius: 0;
}



/* STORIES MOSAIC OVERRIDES */

.stories-mosaic .row-3x3 div.meta-data {
	margin-left: 0;
}

.stories-mosaic .row-3x3 .collapse-subtitle p {
	padding-left: 0;
	padding-bottom: 20px;
}

.stories-mosaic .row-3x3 small.meta-icon {
	display: block;
	background-size: contain;
	padding-top: 20px;
	top: auto;
	position: inherit;
}


/* TRAVEL DETAIL */
#tct-article {
	height: 480px;
}

.travel-detail-header {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
}

	.travel-detail-header h1 {
		font-family: "Ruda Black";
		font-size: 48px;
		color: #fff; 
		padding: 0;
		margin: 0 0 10px;
	}

	.travel-detail-header .meta-data {
		margin: 0 0 20px;
	}

	.travel-detail-header p {
		font-family: "open_sansregular";
		font-size: 16px;
		color: #fff;
	}

	.travel-detail-header hr, .travel-detail-header p {
		display: inline-block; padding: 0; margin: 0;
	}

	.travel-detail-header hr {
		height: 1px; background-color: #FFF;
		width: 100px;
		margin: 0 20px 5px;
		opacity: 0.75;
		border: none;
	}

.container-detail {
	margin: 0 auto;
	max-width: 1180px;
}

div.col-detail-sidebar-item {
	margin-bottom: 30px;
}

div.col-detail-right {
	margin-top: 40px;
}

div.col-detail-left {
	margin-right: 30px;
	margin-top: 30px;
	max-width: 240px;
	width: 240px;
    margin-left: 0;
    margin-right: 30px;
    float: left;
}

	div.col-detail-left > .row > .col-md-12 {
		padding: 0;
	}

	div.detail-sidebar-container {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: #d7d7d7 1px solid;
	}

	div.col-detail-pricing {
		font-size: 14px;
		font-family: "open_sansbold";
		text-transform: uppercase;
		margin-top: 3px;
		margin-bottom: 25px;
		padding-bottom: 25px;
		border-bottom: 1px solid #d7d7d7;
		text-align: center;
	}

		div.col-detail-pricing .btn {
			border-radius: 0;
			font-weight: bold;
			margin-top: 5px;
		}

	div.col-detail-share {
		font-size: 14px;
		font-family: "open_sansbold";
		text-transform: uppercase;
		margin-top: 15px;
	}

		div.col-detail-share .share-title {
			display: inline-block;
			margin-right: 16px;
		}

		div.col-detail-share .share-icons {
			display: inline-block;
		}

			div.col-detail-share .share-icons a.Shares {
				margin-left: 8px;
			}

			div.col-detail-share .share-icons a.Shares:first-child {
				margin: 0;
			}

	div.col-detail-post-data {
		line-height: 20px; font-size: 13px; font-family: 'open_sansregular';
	}

		div.col-detail-post-data p {
			color: #898989;
		}

		div.col-detail-post-data a {
			color: #38ADA6;
		}

		div.col-detail-post-data p.post-date {
			color: #252525;
		}

	div.col-detail-left #map_wrapper {
		height: 150px;
	}

div.not-really-floating-anymore {
	float: none;
	width: 100%;
}

div.not-really-floating-anymore div.floating-sidebar {
	float: none;
	width: 100%;
	margin: 0;
	padding: 30px;
}

div.col-detail-mid {
	max-width: 640px;
	margin-right: 30px;
	margin-top: 40px;
	padding: 0;
}

	div.detail-highlight {
		padding: 20px; background-color: #01c0ba;
		color: #fff;
		text-align: center;
	}

		div.detail-highlight, div.detail-highlight p {
			font-family: 'open_sansregular';
			font-size: 12px;
		}

		div.detail-highlight p {
			margin: 0;
			padding: 0;
		}

		div.detail-highlight a, div.detail-highlight a:hover, div.detail-highlight a:visited {
			font-size: 16px;
			font-family: 'open_sansbold';
			margin-bottom: 5px;
			color: #fff;
		}

	div.detail-subtitle {
		margin-bottom: 20px;
		margin-top: -10px;
	}

		div.detail-subtitle p {
			font-family: 'open_sansregular';
			font-size: 18px;
			line-height: 28px;
			letter-spacing: 0.2px;
			color: #252525;
			/*text-align: center;*/
			margin-bottom: 30px;
		}

		div.detail-subtitle hr {
			/*background-color: #d7d7d7;*/
			border-color: #d7d7d7;
			height: unset;
			width: 100%;
			margin: 30px auto;
		}

	div.detail-content {
		position: relative;
	}

	div.detail-content h2, div.detail-content h2.teal-subheading, div.invest-dl h2.teal-subheading {
		font-family: "open_sansbold";
		font-weight: normal;
		font-size: 20px;
		text-transform: uppercase;
		color: #000;
		padding-bottom: 16px;
		margin-bottom: 19px;
		margin-top: 4px;
		background: transparent url('../img/2015/h2line.png') no-repeat bottom left;
	}

	div.detail-content h3 {
		margin: 20px 0 50px;
	}

	div.detail-content p, div.detail-content {
		font-family: "open_sansregular";
		font-size: 16px;
		color: #252525;
		line-height: 28px;
	}

	div.detail-content p {
		margin-bottom: 50px;
	}

	div.detail-content a, div.detail-content a:visited {
		color: #40C1B9;
	}

	div.detail-gallery {
		margin-bottom: 15px;
		margin-top: 20px;
	}

		div.detail-gallery a.nav-arrows {
			top: 41%;
		}

		div.detail-gallery a.nav-arrows.next {
			right: -98px; width: 68px; height: 68px;
			background: url(../img/2015/slide-next-off.png) no-repeat left center;
		}

			div.detail-gallery a.nav-arrows.next:hover {
				background-image: url(../img/2015/slide-next-on.png);
			}

		div.detail-gallery a.nav-arrows.prev {
			left: -98px; width: 68px; height: 68px;
			background: url(../img/2015/slide-prev-off.png) no-repeat right center;
		}

			div.detail-gallery a.nav-arrows.prev:hover {
				background-image: url(../img/2015/slide-prev-on.png);
			}

		div.detail-gallery .carousel-caption2 {
			display: none;
		}

		div.detail-gallery-caption {
			margin-bottom: 50px; min-height: 40px;
		}

			div.detail-content div.detail-gallery-caption {
				margin-top: 15px; margin-bottom: 50px;
			}

			div.detail-gallery-caption, div.detail-gallery-caption p {
				color: #898989; font-size: 13px; font-family: 'open_sansregular';
				line-height: 18px;
			}

			div.detail-gallery-caption p {
				 margin: 0;
			}

			div.detail-gallery-caption .gallery-caption {
				width: 530px;
			}

			div.detail-gallery-caption .gallery-caption-controls {
				text-align: right;
				width: auto;
				float: right;
			}

	div.detail-share-bottom {
		margin-bottom: 50px;
	}

		div.detail-share-bottom hr {
			width: 100%; height: 1px;
			border: none; background-color: #898989;
			margin: 0 0 30px 0;
		}



/* OVERRIDES */

div.carousel-inside #carousel-example-generic {
	width: 100%;
	height: auto;
	line-height: auto;
	padding-bottom: 75%;
	overflow: visible;
}

div.carousel-inside .carousel-inner {
	position: absolute;
	height: 100%;
}

div.carousel-inside .carousel-inner > .item {
	height: 100%;
}

div.carousel-inside .carousel-inner > .item > img {
	vertical-align: unset;
}

div.carousel-inside .carousel-inner .carousel-caption2 {
	bottom: -70px;
	background-color: transparent;
	color: #898989;
}

div#carousel-popper-slide .carousel-inner > .item {
	background: #000;
	height: unset;
	position: relative;
}

div#carousel-popper-slide .carousel-inner > .item > img {
	width: unset; height: unset;
	max-width: 100%; max-height: 100%;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}

.img-wrapper-pe, .img-wrapper {
	margin-top: 50px!important;
	margin-bottom: 0!important;
	height: 560px;
	overflow: hidden;
	background: #fff url(../img/loading.gif) no-repeat center center;
}

	.img-wrapper-pe img.full-width, .img-wrapper img.full-width {
		opacity: 1; display: none;
	}

	.img-wrapper-pe .img-credit, .img-wrapper .img-credit {
		/*position: absolute;
		top: 0;
		right: 0;
		background-color: #000;
		color: #fff;
		opacity: 1;
		z-index: 999;*/
		display: none;
	}

h1 small.Resort {
	background: url(../img/2015/Icon-Resort-White.png) no-repeat center center;
}

h1 small.Liveaboard {
	background: url(https://thecoraltriangle.com/addons/default/themes/ctd2014/img/2015/Icon-Liveabord-White.png) no-repeat center center;
}

h4 small.Diving, h1 small.Diving {
	filter: invert(1);
}
h1 small.Diving {
	filter: invert(1);
}

h1 small.Photo-Essay {
	background: url(../img/2015/Icon-Photo-White.png) no-repeat center center;
}

h1 small.Video {
	filter: invert(1);
}

h1 small.Feature-Article {
	filter: invert(1);
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* UTILITIES & HELPERS */

.clear {
	clear: both;
}

.aspect-ratio {
	width: 100%;
	position: relative;
	overflow: hidden;
}

	.aspect-ratio-219 { /* 21 : 9 */
		padding-bottom: 42.85%;
	}

	.aspect-ratio-169 { /* 16 : 9 */
		padding-bottom: 56.25%;
	}

	.aspect-ratio-1610 { /* 16 : 10 or 8 : 5; */
		padding-bottom: 62.5%;
	}

	.aspect-ratio-32 { /* 3 : 2 */
		padding-bottom: 66.66%;
	}

	.aspect-ratio-43 { /* 4 : 3 */
		padding-bottom: 75%;
	}

.aspect-ratio > div, .aspect-ratio > img, .aspect-ratio > a {
	position: absolute; display: block;
	top: 0; bottom: 0; left: 0; right: 0;
}

.aspect-ratio > img, .aspect-ratio > a > img {
	min-height: 100%;
	min-width: 100%;
	height: 100%;
}

.container-wider {
	width: 100%; padding: 0; margin: 0;
}

.container-wider > .row {
	margin: 0; padding: 0; width: 100%;
}

.container-wider > .row > .col-md-12 {
	padding: 0; margin: 0;
}

.img-gradient:after {
  	content:'';
  	position:absolute;
  	left:0; top:0;
	width:100%; height:100%;
	display:inline-block;

	background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%,rgba(0,0,0,0.95) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f2000000',GradientType=0 ); /* IE6-9 */

	z-index: 5;
}



/* RESPONSIVE ness */
@media only screen and (max-width: 767px) {
	#canvas {
		height: auto;
	}
}

@media only screen and (min-width: 1600px) {
	.row-3x3 .col-item-overlay h4 {
		line-height: 29px;
		font-size: 23px; font-weight: bold;
	}

	.row-3x3 .collapse-subtitle p {
		font-size: 16px;
	}

	.row-3x3 .col-item-meta div.meta-data {
		font-size: 18px;
	}
}

/* end css */