@font-face{
font-family: 'Fira Sans Light';
src: url('../fonts/FiraSans-ExtraLight.otf');
font-weight: 400;
font-style: normal;
}

@font-face{
font-family: 'Fira Sans';
src: url('../fonts/FiraSans-Regular.otf');
font-weight: 400;
font-style: normal;
}

@font-face{
font-family: 'Fira Sans Medium';
src: url('../fonts/FiraSans-Light.otf');
font-weight: 400;
font-style: normal;
}

.whitefont{
	color:#FFFFFF;
}

.greenfont{
	color: #3ED4AD;
}

.darkgreyfont{
	color: #4F5151;
}

.lightgreyfont{
	color: #95989D;
}

.orangefont{
	color: #FABD31;
}

.shadow{
	text-shadow: 1px 1px 2px #CF9C28;
}

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

.alignleft{
	text-align:left;
}


.th-navbar-center {
    margin: 0px auto;
}

.th-menu-center {
	padding-left: 0px;
}

body {
	color:#000000; 	
	font-family: "Fira Sans";
	font-color: #1d2129;
	width: 100%;
	height: auto;
	padding: 0px;
	margin-right:0px;
	margin-left:0px;
	padding-right:0px;
	padding-left:0px;
	//background:#f0f0f0;
}

.lightgreybackground {
	border: 1px;
	background-image: url("../img/Floating1_HoverBar_1.png");
}


.footer-sector{
	background-color: #2F2F2F;
	padding-top: 50px;
	padding-bottom: 30px;
	
}



.navbar{
	box-shadow: 0px 1px 10px rgba(220,220,220, 0.5);
}

.navbar-nav > li {
  padding-right: 50px;
}

.navbar-nav > li > a {
	color:#B8DEDC;
}

.navbar-header > a{
	color:#FFFFFF;
}

.th-download-button, .navbar-button,.btn:hover, .btn:focus, .btn.focus{
	background-color: #FABD31;
	color: #FFFFFF;
	outline:none;
	font-family:"Fira Sans";
	letter-spacing: 0.02em;
}


.navbar-button{
	float: right;
}

.icon {
	width: 100%;
	max-width: 32px;
	display:inline;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 3px;
}

.right{
	float: right;
}

.center{
	margin:0 auto;
}

.th-download-button{
	width:150px;
	height: 60px;
	margin: 4px 10px 2px 2px;
}

.th-appledownlod-button > img{
	padding-top: 100px;
}

.featurette-heading{
	margin-top:20px;
	margin-bottom: 40px;
	border-color: rgba(184,187,191,0.5);
}


.featurette-divider{
	border-color: rgba(184,187,191,0.5);
	margin-top:40px;
	margin-bottom:20px;
	margin-left: 200px;
	margin-right: 200px;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
}

body > div{
	padding-top:22px;
	padding-bottom: 40px;
}

h1{
	letter-spacing: -0.021em;
	margin-top:30px;
	margin-bottom: 20px;
	
}

h3, h4, h5, h6{
	line-height: 1.6em;
	margin-top: 4px;
    margin-bottom: 18px;
}


.navbar{
	padding-bottom:0px;
	//background-image: url("/img/Landing1_Main_1.png");
	background-color:#42A39D;
	background-position: 0% 100%;
	position: relative;
	background-size:100%;
}

.nav {
	display: none;
    position : fixed;
}


.roundlink:hover{
	color:#42A39D;
}

.btn{
	border-radius:6px;
}

.th-download-button:link {
    text-decoration: none;
    color: #95989D;
}

.th-download-button:hover{
	background-color:#DDB53B;
}

.dropdown-menu{
	margin:35px 0px 0px;
	min-width: 0px;
}

.dropdown-menu, .dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	font-family: "Fira Sans Medium";
	background-color:#42A39D;
	color:#FFFFFF;
}


.dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:focus, .dropdown-toggle:active, .open > .dropdown-toggle.btn-default {
	background-color:transparent;
	border-width:0;
	color:#FFFFFF;
}

.col-image > img{
	margin-left: auto;
	margin-right: auto;
	float:none;
}

.bullet{	
	max-width: 80px;
	height: auto;
	position: relative;
	display: bloack;
}

.notifyMeButton{
	padding-left:1.7em;
	padding-right:1.7em;
	padding-top: 0.9em;
	padding-bottom: 0.8em;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
}

.email{
	text-decoration:underline;
}

a, a:active, a:hover {
	color: #42A39D;
}

a:active, a:hover{
	text-decoration:underline;
}



h2{
	font-family: "Fira Sans Medium";
	font-size: 24px;
}

h3{
	font-family: "Fira Sans Medium";
	font-size: 16px;
}

h4{
	font-family: "Fira Sans Medium";
	font-size: 14px;
	margin-top: 5px;
	margin-bottom:3px;
}

.maincolumn, .sidecolumn{
	background-color:#FBFBFB;
}

.tripcoverphoto{
	padding-right:0px;
	padding-left:0px;	
	background:#f0f0f0;
	width:90%;
}

.tripleader > img{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin-right: 5px;
}



.comment{
		width: 90%;
		position: relative;
		margin-left: auto;
		margin-right: auto;	
		margin-top:20px;
		margin-bottom: 10px;
}

.comment > img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 5px;
	float: left;
	overflow:auto;
}

.comment > h4 {
	overflow:auto;
}


.comment-time{
	color: #9a9c99;
	text-align:right;
	overflow:auto;
}

#mapdiv{
		width: 100%;
		height: 400px;
		position: relative;
		margin-left: auto;
		margin-right: auto;	
		margin-top:40px;
}

.popover-content {
        min-width: 180px;
}
	




@media (min-width: 1000px){
	.container{
		width:95%;
		margin: 0px auto;		
	}
	
	.maincolumn{
		width:73%;
		max-width:900px;
		margin:3px;
		border:1px;
		margin-top:10px;
	}
	
	.sidecolumn{
		width: 23%;
		position: relative;
		margin:3px;
		margin-top:10px;
	}
	
	.triptitle, .tripdesc, .comment-section{
		width: 95%;
		position: relative;
		margin-left: auto;
		margin-right: auto;	
		margin-top:40px;
	}
	
	h1{
		font-family: "Fira Sans Medium";
		font-size: 31px;
	}
	
	.medium-caption{
		font-family: "Fira Sans";
		font-size: 31px;
	}
	

	
	
	

	
	div > img{
		//max-width: 150%; removed because of the map pop-up
		height: auto;	
		position:relative;	
		display: block;
	}
	
	.navbar-button{
		font-size: 0.7em;
		padding-top:0.85em;
		padding-bottom:0.58em;
		padding-left:2em;
		padding-right:2em;
	}
	
	.navbar-collapse{
		padding-left:5%;
		padding-right:5%;
		height:4em;
	}
}
@media (min-width:320px) and (max-width:476px) {
	.kerning{
		letter-spacing: 0.001em;
	}
	
	
	
	.col-lg-1 > img, .col-md-push-7 > img{
		height: auto;
		min-width: 30px;
		max-width: 50px;
	}
	
	h1{
		font-family: "Fira Sans Medium";
		font-size: 28px;
	}
	
	h2{
		font-family: "Fira Sans Medium";
		font-size: 20px;
	}
	

    .medium-caption{
        font-family: "Fira Sans";
        font-size: 28px;
        padding: 5px;
    }
	
	
	
	div > img{
		//max-width: 95%;
		height: auto;
		position: relative;
		display: block;
		margin-left:auto;
		margin-right:auto;	
	}
	
	.container{
		width: 95%;
		height: auto;
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.navbar-button{
		font-size: 0.65em;
		padding-top:8px;
		padding-bottom:7px;
		padding-left:15px;
		padding-right:15px;
	}
	.navbar-collapse{
		padding-left:5%;
		padding-right:5%;
		height:5px;
	}
	.floating-caption-ex-disappear{
		font-size: 0px;
	}
	
	.icon{
        display:none;
    }
	
	
}

@media (min-width:477px) and (max-width:999px) {
	.container{
		width: 95%;
		height: auto;
		margin: 0px auto;
	}
	
	.maincolumn{
		width:100%;
		display:block;
		margin: 10px;
	}
	
	.sidecolumn{
		width:100%;
		display:block;
		position: relative;
		margin: 10px;
		
	}
	.triptitle, .tripdesc, .comment-section{
		width: 95%;
		position: relative;
		margin-left: auto;
		margin-right: auto;	
		margin-top:40px;
	}
	
	h1{
		font-family: "Fira Sans Medium";
		font-size: 26px;
	}
	
	.medium-caption{
		font-family: "Fira Sans";
		font-size: 26px;
	}
	

	
	
	.kerning{
		letter-spacing: 0.001em;
	}
	
	
	.col-lg-1 > img{
		#width: inherit;
		height: auto;
		min-width: 35px;
		max-width: 50px;
	}
	
	
	div > img{
		width: 100%;
		//max-width: 350px; removed because of the map pop-up
		height: auto;
		position: relative;
		display: block;
	}

	
	.navbar-button{
		font-size: 0.65em;
		padding-top:8px;
		padding-bottom:8px;
		padding-left:15px;
		padding-right:15px;
	}
	.navbar-collapse{
		padding-left:8%;
		padding-right:8%;
		height:5px;
	}
	
	.floating-caption-ex-disappear{
		width: 0px;
		height: 0px;
		padding: 0px;
		border: 0px;
		font-size: 0px;
	}
}