@charset "utf-8";
/* CSS Document */
ul, li, img{ list-style:none;}
body{ font-family:Kalinga, Arial, Helvetica, sans-serif; color:#1a1a1a}
body a{
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
p{
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}

.what{ margin-top:4.5em;}
.what h2{ font-size:2.2em; text-align:center;}
.list{ padding:3.5em 0 0 2em; }
.list li{ line-height:2.0em; background:url(../images/trip_11.png) no-repeat 0 22px; padding-left:25px; padding-top:15px;}
.whatdo{ margin-top:4.0em;}

.where{ background:#e5eeff; margin-top:4.5em;}
.where h2{ font-size:2.2em; text-align:center;  margin:2.0em 0 1.8em;}
.wherego div{ padding:0}
.md-6 { width:48%; margin-right:2%; float:left;}
.md-3{ width:24%; float:left;}
.md1{ margin-right:1%}
.md2{ margin-left:1%}

.img1{ position:relative;}
.but{ position:absolute;bottom: 10px;right: 0; color:#FFF; font-size:1.3em; width:95%}
.wherego p{ width:75%; float:left;}
.wherego span{ float:left; background-color:rgba(255,255,255,0.5); padding:12px 25px; width:25%}
.but a{background-color:rgba(0,0,0,0.5); color:#FFF; padding:12px; width:75%; float:left;}
.but a:hover{background-color:rgba(255,255,255,0.5); color:#000; padding:12px; width:75%; float:left;}

.whereto{ margin-top:2.5em; margin-bottom:2.0em;}
.md0,.md1,.md2{position:relative;}
.butt{position:absolute;bottom: 10px;left: 15px;background-color:rgba(255,255,255,0.5); }
.butt{width:60%; border:1px solid #000;}
.md-6 .butt{width:30%;}
.butt a{color:#786e00; font-size:1.3em;  padding:8px 15px;background:url(../images/trip_21.png) no-repeat; background-position:right; float:left;}
.butt a span{margin-right:20px;}

.plan{ margin-top:4.5em; margin-bottom:3em;}
.plan h2{font-size:2.2em; text-align:center;}
.plan1{ margin-top:3em}
.plan1 h4{text-align:center;margin-top:1.2em;}
.plan1 p{ text-align:left; margin-top:1.2em}
.plan1 h4 a{ color:#333; font-weight:bold; font-size:1.2em}
.plan1 h4 a:hover{ color:#09F;}
.plan1 p{ line-height:26px;}




@media screen and (max-width: 767px) {
	.md-6{ width:100%}
	.but{ font-size:1.0em}
	.butt{ font-size:1.0em}
	.md-3{ width:50%; margin-top:2.0em }
	.md1{ margin-right:0}
	.md2{ margin-left:0}
	}