body { 
	margin:0; padding:0; background-color:#101316; 
	font-family:'maison_neuemono';

}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h2 {display:none;}

p {
	margin-bottom: 35px;
}

#footer-container {
	width:100%;
	height:250px;
	position:absolute;
	bottom:0;
	margin-top:120px;
}

#footer-graphic {
	height:90px;
		background: url('../images/footer-texture.png') center no-repeat;
	background-size: 1600px 90px;
}

#footer-logo {
	background-color:#1b2024;
	height:200px;
	text-align:center;
	padding-top:50px;
}

.dateline-logo {
	width:150px;
}

span.underline {
                text-decoration: underline;
            }

.caption {
	font-size:12px;
	line-height:18px;
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	color:#525E6E;
	margin-bottom:60px;
	margin-left:55px;
	padding-right:20px;
}

.map-caption {
	font-size:12px;
	line-height:18px;
	opacity:0.6;
		filter:alpha(opacity=60);
	-moz-opacity:0.6;
	max-width:850px;
	margin: 0 auto;
	padding:15px 10px 0px 10px;
	color:#525E6E;
	padding-right:20px;
}

.full-caption {
	font-size:12px;
	line-height:18px;
	opacity:0.6;
		filter:alpha(opacity=60);
	-moz-opacity:0.6;
	max-width:850px;
	margin: 0 auto;
	margin-bottom:30px;
	padding:0px 10px 0px 10px;
	color:#525E6E;
	padding-right:20px;
}

.video-caption {
	font-size:12px;
	line-height:18px;
	opacity:0.6;
		filter:alpha(opacity=60);
	-moz-opacity:0.6;
	max-width:850px;
	margin: 0 auto;
	margin-bottom:60px !important;
	margin-top:10px;
	padding:0px 10px 0px 10px;
	padding-bottom:0px !important;
	color:#525E6E;
	padding-right:20px;
}

#divider {
	width:55px;
	height:3px;
	background:#1B2024;
	opacity:0.7;
		filter:alpha(opacity=70);
	-moz-opacity:0.7;
	position:relative;
	top:20px;
}

.space {
	margin-bottom:50px;
}

article {
	position: absolute;
	left: 0;
	right: 0;
	top: 490px;
	overflow:hidden;
	transition: top .3s ease-in-out;
}

.quiet {
	color:rgba(0,0,0,0.5);
}

.scroll {
	display:block;
	text-align:center;
}

.sections {
	background-color:#F2F3ED;
	padding-bottom:140px;
}

section {
	color:#1B2024;
	z-index:100;
	font-size:16px;
	letter-spacing:0px;
	font-family:'maison_neuemono';
	line-height:32px;
	padding-top:60px;
	padding-bottom:140px;
	background-color:#F2F3ED;
	-webkit-transition:background 500ms, color 500ms;
	transition:background 500ms, color 500ms;
	opacity:0.4;
		filter:alpha(opacity=40);
	-moz-opacity:0.4;
	transition:opacity 500ms, color 500ms;
}

section img {
	max-width: 100%;
	margin-top:40px;
	margin-bottom:0px !important;
}

#green-arrow {
    bottom: 0px;
    width: 12px;
    text-align:center;
    margin:auto;
}

#green-arrow img {
	width: 12px;
	    text-align:center;
	        margin:auto;
}

.quote {
	max-width:100%;
	margin-left:0px;
	margin-top:30px;
	margin-bottom:30px !important;
}

.pullquote {
	font-family: 'goodfy_standard-webfont';
	font-size:52px;
	line-height:56px;
	letter-spacing:2px;
	color:#1B2024;
	opacity:0.70;
		filter:alpha(opacity=70);
	-moz-opacity:0.7;
	margin-top:65px;
	margin-bottom:65px;
	padding-right:20px;
	-webkit-font-smoothing: antialiased;

}


.no-space {
	margin-top:-5px !important;
}

section .container {
	max-width: 940px;
	margin: 0 auto;
	padding: 0 55px;
	position: relative;
}

section .image {
	max-width: 940px;
	margin: 0 auto;
}

section .full {
	width: 100%;
	padding: 20px 0;

}

section .full img {
	width: 100%;
	margin-left:0px;

}

section .full.video {
	background: #e6e8e2;
	padding: 40px 0;
	margin-bottom:0px;
	margin-top:80px;
}

section .iframeContainer {
	max-width: 940px;
	margin: 0 auto;
}

section .iframeVideo {
	position: relative;
	padding-top: 56.25%;
	width: 100%;
}

section .iframeVideo iframe {
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
}

section.active {
	color:rgba(27, 32, 36, 0.7);
	opacity:1;
		filter:alpha(opacity=100);
	-moz-opacity:1;
}


section .sidebar {
    position: absolute;
   left: -320px;
   width: 260px;
   top: 0;
   transition: opacity 0.2s ease-in-out;
   opacity: 1;
   	filter:alpha(opacity=100);
	-moz-opacity:1;
}

.heading-container {
	width:100%;
	height:320px;
	text-align: center;
	padding-top:140px;
	background: url('../images/title-bg.png') no-repeat center 0 #1B2024;
	background-size: 845px 354px;
	padding-bottom:90px;
}

.heading {
	opacity: 0.90;
		filter:alpha(opacity=90);
	-moz-opacity:0.9;
	font-size: 62px;
	color: #F5F5F5;
	letter-spacing: 3px;
	line-height: 50px;
	font-family: 'goodfy_standard-webfont';
	-webkit-font-smoothing: antialiased;
	padding-left:20px;
	padding-right:20px;
}

.heading-texture {
	height:34px;
	background: url('../images/title-bg.png') no-repeat center -320px;
	background-size: 845px 354px;
	margin-bottom:70px;
}

.location {
	width:460px;
	height:32px;
	margin:auto;
	margin-top:25px;
	background: url('../images/location-paint.png') no-repeat center;
	background-size: 380px 32px;
	opacity: 0.9;
		filter:alpha(opacity=90);
	-moz-opacity:0.9;
	font-size: 10px;
	color: #1B2024;
	letter-spacing: 0.5px;
	line-height: 30px;
}

.sidebar-title {

	font-size:15px;
	color:#1b2024;
	opacity:0.9;
		filter:alpha(opacity=90);
	-moz-opacity:0.9;
	margin-bottom:0px;

}

.description {
	font-size:12px;
	line-height:21px;
	color:#1b2024;
	opacity:0.70;
		filter:alpha(opacity=70);
	-moz-opacity:0.7;
	margin-bottom:0px;
}

.signoff {
	font-size:12px;
	line-height:21px;
	color:#525E6E;
	opacity:0.60;
		filter:alpha(opacity=60);
	-moz-opacity:0.6;
	margin-bottom:100px;
	padding-top:100px;
}



section .sidebar img {
    max-width: 100%;
    margin-top: 10px;
    margin-left: 0;
}

section#bogota .sidebar {
	top:160px;
}

section#atrato .sidebar {
	top:140px;
}

section#themeeting .sidebar {
	top:60px;
}

section#trekking .sidebar {
	top:60px;
}

section#domingodo .sidebar {
	top:100px;
}

section#panama .sidebar {
	top:120px;
}




#hero-container {
	position: relative;
}

#hero-container #hero-overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity:0.60;
		filter:alpha(opacity=60);
	-moz-opacity:0.6;
	background: linear-gradient(-180deg, rgba(0,0,0,0.70) 0%, #000000 100%);

}

#hero-container img.heroImg {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

#hero-container .hero-title{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 3;
}

#hero-container #title {
    bottom: 0;
    top: 0;
	background: url('../images/title.png') no-repeat center;
	background-size: 1372px 600px;
}

#hero-container #title img {
	width: 400px;
}

#hero-container #arrow {
    bottom: 30px;
    width: 12px;
}

#hero-container #arrow img {
	width: 12px;
}


#hero-container #author {
	max-width:850px;
	bottom:30px;
	color:rgba(245, 245, 245, 0.7);
	padding-left:15px;
	display:flex;
}

#hero-container #author #author-container {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	width:50%
}

#hero-container #author #program-logo{
	width: 50%;
	display: inline-block;
	text-align: center;
}

#hero-container #author #author-image{
width: 60px;
    margin-right: 20px;
    border-radius:2px;
}

#hero-container #author #author-image img {
	width:60px;
	    border-radius:2px;

}

#hero-container #author #author-name p {
margin:0 0 5px;
font-size:12px;
line-height:19px;
letter-spacing:0.5px;
	-webkit-font-smoothing: antialiased;

}


#details {
	position: relative;
	min-height: 542px;
    background: url('../images/texture.png') repeat-x;
    background-size: 3000px 134px;
    background-color: #F2F3ED;
    background-position: center top; 

}  

.author-bottom {
	padding-top:140px;
		font-size:12px;
	opacity:0.6;
		filter:alpha(opacity=60);
	-moz-opacity:0.6;

}

#map { 
    z-index:200;
    max-width:940px;
   height:528px;
   margin: 0 auto;    
   transition: width 0.3s ease-in, height 0.3s ease-in;
   position:absolute;
   left:0;
   right:0;
   top:-40px;
   border-radius:0px;
-webkit-filter: grayscale(30%);}

#map-container {

}

#details.fixed-hidden #map  {
    position: fixed !important;
    width: 100%;
    max-width:100%;
   height:250px;
    left: 0;
   right: 0;
    top: -250px;
    border-radius:0px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.40);
    transition: top 0s ease-in-out;
}

#details.fixed.fixed-hidden #map  {
   top: 0;
    transition: top 0.3s ease-in-out;
}

#details.full-width #map {
    width: 100%;
    transition: 0;
    visibility: hidden;
}

.leaflet-bottom {
	display: none !important;
}

#introduction-block {
	background-color:#1B2024;
	min-height:380px;
	color:#ffffff;
	position: relative;
	font-size:19px;
	line-height:36px;
	-webkit-font-smoothing: antialiased;
	color:#E4ECC1;
	padding-top:35px;
	padding-bottom:60px;
	padding-left:45px;
	padding-right:45px;
}

#introduction-block:after {
	content:"";
	position:absolute;
	left:0;
	bottom:-80px;
	width:100%;
	height:80px;
	z-index:5;


}

#introduction-container {
	max-width:850px;
	padding:10px;
	margin:0 auto;
}

nav {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
    width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	padding: 20px 0;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
}

nav #sbs-logo img {
	width: 80px;
}

nav #back, nav #fb {
	width: 180px;
	padding: 10px;
}

/*nav #back #fb1 {*/
	/*display: none;*/
/*}*/

/*nav #fb #fb2{*/
	/*float: left;*/
/*}*/

/*nav #fb #twitter-share{*/
	/*float: right;*/
/*}*/

nav #back a {
font-family: 'Roboto', sans-serif;
font-weight: 700;
color:#ffffff;
font-size:12px;
margin-left:40px;
text-decoration: none;
-webkit-font-smoothing: antialiased;

}
@media only screen and (min-width: 1601px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1601px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1601px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1601px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1601px),
only screen and (                min-resolution: 192dpi) and (min-width: 1601px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1601px){
	#details.fixed-hidden #map {
		height: 250px;
		top: -250px;
	}

	nav #back a {
		display: block;
	}
	nav #back #fb1 {
		display: none;
	}

	nav #fb #fb2{
		display: block;
		float: left;
	}

	nav #fb #twitter-share{
		float: right;
	}
}


@media only screen and (max-width: 1600px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1600px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 1600px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 1600px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1600px),
only screen and (                min-resolution: 192dpi) and (max-width: 1600px),
only screen and (                min-resolution: 2dppx)  and (max-width: 1600px) {
	section .sidebar {
		opacity: 0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
	}
	#details.fixed-hidden #map  {
		height:220px;
		top: -220px;
	}

	nav #back a {
		display: block;
	}
	nav #back #fb1 {
		display: none;
	}

	nav #fb #fb2{
		display: block;
		float: left;
	}

	nav #fb #twitter-share{
		float: right;
	}
}


@media only screen and (max-width: 1380px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1380px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 1380px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 1380px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1380px),
only screen and (                min-resolution: 192dpi) and (max-width: 1380px),
only screen and (                min-resolution: 2dppx)  and (max-width: 1380px){
	#hero-container #title {
		background-size: contain;
	}

	section {
		padding-bottom:100px;
	}

	#details.fixed-hidden #map  {
		height:200px;
		top: -200px;
	}

	nav #back a {
		display: block;
	}
	nav #back #fb1 {
		display: none;
	}

	nav #fb #fb2{
		display: block;
		float: left;
	}

	nav #fb #twitter-share{
		float: right;
	}
}


@media only screen and (max-width: 860px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 860px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 860px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 860px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 860px),
only screen and (                min-resolution: 192dpi) and (max-width: 860px),
only screen and (                min-resolution: 2dppx)  and (max-width: 860px) {
	section .full.video {
		padding: 0;
	}
	.map-caption {margin-left:55px;
		padding:15px 10px 0px 0px;
	}

	#details.fixed-hidden #map  {
		height:200px;
		top: -200px;
	}

	nav #back a {
		display: block;
	}
	nav #back #fb1 {
		display: none;
	}

	nav #fb #fb2{
		display: block;
		float: left;
	}

	nav #fb #twitter-share{
		float: right;
	}
}

@media only screen and (max-width: 767px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 767px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 767px),
only screen and (                min-resolution: 192dpi) and (max-width: 767px),
only screen and (                min-resolution: 2dppx)  and (max-width: 767px){
	#hero-container #title {
		background: url('../images/title-mobile@2x.png') no-repeat center;
		background-size: 580px 675px;
	}

	#hero-container #arrow img {
		display:none;
	}

	#hero-container #author #author-image{
		width: 40px;
		margin-right: 20px;
		border-radius:2px;
	}

	#hero-container #author #author-name p{
		font-size:10px;
		line-height:15px;
	}

	#hero-container #author #author-image img{
		width: 50px;

	}

	section {
		padding-bottom:80px;
	}

	#map {
		height:360px;
	}

	article {
		top:320px;
	}

	#details.fixed-hidden #map  {
		height:175px;
		top: -175px;
	}

	nav #back a {
		display: block;
	}
	nav #back #fb1 {
		display: none;
	}

	nav #fb #fb2{
		display: block;
		float: left;
	}

	nav #fb #twitter-share{
		float: right;
	}
}

@media
only screen and (max-width: 480px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                min-resolution: 192dpi) and (max-width: 480px),
only screen and (                min-resolution: 2dppx)  and (max-width: 480px){
	#hero-container #title {
		background: url('../images/title-mobile@2x.png') no-repeat center;
		background-size: contain;
	}
	nav {
		padding: 6px 0;
	}
	nav #sbs-logo img {
		width: 72px;
		padding-left: 10px;
	}
	nav #back a{
		display: none;
	}

	nav #back #fb1{
		display: block;
	}

	nav #fb #fb2{
		display: none;
	}

	section .container {
	padding: 0 20px;	
	}

	section p{
		font-size:15px;
		line-height:28px;

	}

	.caption {
		margin-left:20px;
		 margin-bottom:40px;
	}

	.full-caption {
		margin-left:20px;
	}

	.video-caption {
		margin-left:20px;
		padding: 0px 10px 0px 0px
	}

	.map-caption {margin-left:20px;
		padding:15px 10px 0px 0px;
	}

	#introduction-block {
		font-size:17px;
		line-height:32px;
		padding: 15px 10px 45px 10px;
	}

	section {
		padding-top:40px;
		padding-bottom:60px;
	}

	.pullquote {
		font-size:46px;
		line-height:50px;
		margin-top:45px;
		margin-bottom:45px;
		padding-right:10px;
	}

	section img {
		margin-top:20px;
	}

	section .full.video {
		margin-top:60px;
	}

	.heading-container{
		height:260px;
		padding-top:80px;

	}

	.heading-texture {
		background:none;
		margin-bottom:30px;
	}

	.heading{ 
		font-size:52px;
		padding: 0 10px;
	 }

	 .location {
	 	width:100%;
	 	background: none;
	 	color:#f5f5f5;
	 	font-size:9px;
	 }


	 #map {
	 	height:250px;
	 }

	 article {
	 	top:210px;
	 }


}

/*
@media only screen and (max-width: 1750px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1750px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 1750px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 1750px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1750px),
only screen and (                min-resolution: 192dpi) and (max-width: 1750px),
only screen and (                min-resolution: 2dppx)  and (max-width: 1750px){
	#details.fixed-hidden #map {
		height: 250px;
		top: -250px;
	}

	nav #back a {
		display: block;
	}
	nav #back #fb1 {
		display: none;
	}

	nav #fb #fb2{
		display: block;
		float: left;
	}

	nav #fb #twitter-share{
		float: right;
	}
}
*/