#nav {
border-bottom: none;
background:#333333;
z-index: 1;
border-radius: 0;
border-left: none;
border-right: none;
width:100%;
border-bottom: #a5a8aa 1px solid;
margin-top:-2px;
}
.affix {
top:0;
width: 100%;
z-index: 997 !important;
}
.navbar {
margin-bottom:0px;
}
.affix ~ .cinner-box{
position: relative;
top:50px;
} 
#section1 {
overflow: hidden;
font-size: 18px;
padding:17px 10px;
margin-bottom: 10px;
}
#section1 h2{
font-family: "Concert One", sans-serif;
color: #333333;
font-size:40px;
font-weight: bold;
padding: 45px 0 10px;
border-top: #cfd0d0 1px solid;
}
#section1 h3{
color: #357345;
font-size: 25px;
font-weight: bold;
}
#section2 {
overflow: hidden;
font-size: 18px;
padding:17px 10px;
margin-bottom: 10px;
border-bottom: #dbd7d7 1px solid;
}
#section2 h2{
font-family: "Concert One", sans-serif;
color: #333333;
font-size: 40px;
font-weight: bold;
padding: 45px 0 10px;
}
#section2 h3{
color:#357345;
font-size: 25px;
font-weight: bold;
}
#section2 ul{
margin:0 0 5px;
padding:0;
list-style: none;
}
#section2 ul li{
padding: 7px 0;
display: block;
border-bottom:#2d3541 1px dotted;
}
#section2 .trip-details-itinerary-box{
display: block;
padding: 10px;
width:100%;
margin-bottom: 10px;
}
#section2 .trip-details-itinerary-box h3{
color:#277448;
font-size: 22px;
font-weight: bold;
text-align: left;
margin: 0;
}
#section2 .trip-details-itinerary-box .itinerary-trip-fact{
display: block;
overflow: hidden;
margin-bottom:15px;
}
#section2 .trip-details-itinerary-box .itinerary-trip-fact ul{
list-style: none;
margin:0;
padding:0;
}
#section2 .trip-details-itinerary-box .itinerary-trip-fact ul li{
display: inline;
padding: 10px 5px;
}
#section2 .trip-details-itinerary-box .itinerary-trip-fact ul li strong{
color:#002448;
font-size: 18px;
}
#section2 .trip-details-itinerary-box .itinerary-trip-fact ul li i{
color:#01a655;
font-size: 20px;
padding-right: 3px;
}
#section2 .trip-details-itinerary-box .itinerary-trip-fact-buttom{
display: block;
overflow: hidden;
/* margin-bottom:15px; */
}
#section2 .trip-details-itinerary-box .itinerary-trip-fact-buttom ul{
list-style: none;
margin:0;
padding:0;
}
#section2 .trip-details-itinerary-box .itinerary-trip-fact-buttom ul li{
display: inline;
padding: 10px 5px;
}
#section2 .trip-details-itinerary-box .itinerary-trip-fact-buttom ul li strong{
color:#277448;
font-size: 18px;
}
#section2 .trip-details-itinerary-box .itinerary-trip-fact-buttom ul li i{
color:#277448;
font-size: 25px;
padding-right: 3px; 
}
/*Start Open Clode*/
@media(max-width:992px){
.wrapper{
width:100%;
}
}
@media screen and (max-width:767px){
.navbar-inverse .navbar-nav > li {
text-transform: capitalize;
display: inline-block;
line-height: 40px;
font-weight: bold;
border-right: #c3bebe 1px solid;
font-size: 16px;
padding-left: 10px;
}
.navbar-toggle {
float: left;
font-size: 17px;
padding-left: 20px;
text-align: left;
color: #ffffff;
height: auto;
margin: 0;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
background: #333333;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
background: #0e84ff;
padding: 18px;
color:#ffffff;
}
.navbar-inverse .navbar-toggle{
border: none;
}
.navbar-inverse .navbar-nav > li {
text-transform: capitalize;
line-height: 40px;
font-weight: bold;
border-right: none;
font-size: 16px;
color:#ffffff;
}
.navbar-inverse .navbar-nav li > a{
text-decoration: none;
color:#fff;
}
}
@media screen and (max-width:479px){
.navbar-in .navbar-nav > li {
text-transform: capitalize;
display: none;
line-height: 40px;
font-weight: bold;
border:none;
font-size: 16px;
padding-left: 10px;
}
#section1 h2 {
color: #333333;
font-size: 40px;
font-weight: bold;
padding: 10px 0 10px;
border:none;
}
#section2 h2{
padding: 10px 0 10px;
}
#section3 h2{
padding: 10px 0 10px;
}
#section4 h2{
padding: 10px 0 10px;
}
#section5 h2{
padding: 10px 0 10px;
}
#section6 h2{
padding: 10px 0 10px;
}
#section7 h2{
padding: 10px 0 10px;
}
#section8 h2{
padding: 10px 0 10px;
}
}
.panel-default>.panel-heading {
color: #333;
background-color: #fff;
border-color: #e4e5e7;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.panel-default>.panel-heading a {
display: block;
padding: 10px 15px;
}
.panel-default>.panel-heading a:after {
content: "";
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right;
transition: transform .25s linear;
-webkit-transition: -webkit-transform .25s linear;
}
.panel-default>.panel-heading a[aria-expanded="true"] {
background-color: #004f92;
}
.panel-default>.panel-heading a[aria-expanded="true"]:after {
content: "\2212";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
content: "\002b";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.accordion-option {
width: 100%;
float: left;
clear: both;
margin: 15px 0;
}

.accordion-option .title {
font-size: 20px;
font-weight: bold;
float: left;
padding: 0;
margin: 0;
}
.accordion-option .toggle-accordion {
float: right;
font-size: 18px;
color: #6a6c6f;
}
.accordion-option .toggle-accordion:before {
content: "Expand All";
}
.accordion-option .toggle-accordion.active:before {
content: "Collapse All";
} 
#section3 {
overflow: hidden;
font-size: 18px;
padding:17px 10px;
margin-bottom: 10px;
border-bottom: #dbd7d7 1px solid;
}
#section3 h2{
font-family: "Concert One", sans-serif;
color: #333333;
font-size:40px;
font-weight: bold;
padding: 45px 0 10px;
}
#section3 h3{
color: #357345;
font-size: 25px;
font-weight: bold;
}
#section3 .cost-includes ul{
list-style: none;
margin: 0;
padding-left: 10px;
}
#section3 .cost-includes ul li {
background: url(../images/tick.png) no-repeat;
height: 25;
padding: 0 0 5px 30px;
display: block;
}
#section3 .cost-excludes ul{
list-style: none;
margin: 0;
padding-left: 10px;
}
#section3 .cost-excludes ul li {
background: url(../images/cost-arrow-no.png) no-repeat;
height: 25;
padding: 0 0 5px 30px;
display: block;
}
#section4 {
overflow: hidden;
font-size: 18px;
padding:17px 10px;
margin-bottom: 10px;
border-bottom: #dbd7d7 1px solid;
}
#section4 img{
padding: 0;
}
#section4 h2{
font-family: "Concert One", sans-serif;
color: #333333;
font-size:40px;
font-weight: bold;
padding: 45px 0 10px;
}
#section4 h3{
color: #357345;
font-size: 25px;
font-weight: bold;
}
#section5 {
overflow: hidden;
font-size: 18px;
padding:17px 10px;
margin-bottom: 10px;
border-bottom: #dbd7d7 1px solid;
}
#section5 h2{
font-family: "Concert One", sans-serif;
color: #333333;
font-size:40px;
font-weight: bold;
padding: 45px 0 10px;
}
#section5 h3{
color:#0ba5f0;
font-size: 20px;
font-weight: bold;
padding-bottom:10px;
}
#section5 .booking {
padding: 7px 15px 7px 15px;
font-size: 15px;
text-transform: uppercase;
background: #f2a03d;
color: #ffffff;
width: 120px;
}
#section5 .booking a{
text-decoration:none;
color:#ffffff;
}
#section5 .booking:hover{
background:#f58804;
}
#section5 h4{
color:#193d50;
font-size: 18px;
font-weight: bold;
}
#section5 .cost-includes ul li {
background: url(../images/tick.png) no-repeat;
height: 25;
padding: 0 0 5px 30px;
display: block;
}
#section5 .cost-excludes ul li {
background: url(../images/cost-arrow-no.png) no-repeat;
height: 25;
padding: 0 0 5px 30px;
display: block;
}
#section6 {
overflow: hidden;
font-size: 18px;
padding:17px 10px;
margin-bottom: 10px;
border-bottom: #dbd7d7 1px solid;
}
#section6 img{
width: 100%;
}
#section6 h2{
font-family: "Concert One", sans-serif;
color: #333333;
font-size:40px;
font-weight: bold;
padding: 45px 0 10px;
}
#section6 h3{
color:#0ba5f0;
font-size: 16px;
font-weight: bold;
}
#section6 .readmore {
background: #f60;
padding: 10px 15px;
color: #ffffff;
text-transform: uppercase;
font-size: 16px;
margin: 10px auto;
width: 150px;
}
#section6 .readmore a{
text-decoration: none;
color:#ffffff;
}
#section6 .readmore:hover{
background:#fd802d;
}
/*Date & Price*/
#section6 .booking {
padding: 7px 15px 7px 15px;
font-size: 16px;
text-transform: uppercase;
background: #ff6600;
color: #ffffff;
width: 120px;
}
#section6 .booking {
padding: 7px 15px 7px 15px;
font-size: 16px;
text-transform: uppercase;
background: #ff6600;
color: #ffffff;
width: 120px;
}
#section6 .booking a{
text-decoration: none;
color: #ffffff;
}
#section6 .booking:hover{
background: #e25d04;
}
#section7 {
overflow: hidden;
font-size: 18px;
padding:17px 10px;
margin-bottom: 10px;
border-bottom: #dbd7d7 1px solid;
}
#section7 h2{
font-family: "Concert One", sans-serif;
color: #333333;
font-size:40px;
font-weight: bold;
padding: 45px 0 10px;
}
#section7 h3{
color:#0ba5f0;
font-size: 16px;
font-weight: bold;
}
#section7 h4{
color:#092066;
font-size: 16px;
}
#section8 h2{
font-family: "Concert One", sans-serif;
color: #333333;
font-size:40px;
font-weight: bold;
padding: 45px 0 10px;
}
#section8 .readmore{
background:#f2a03d;
padding: 10px 15px;
color: #ffffff;
text-transform: uppercase;
font-size: 16px;
margin: 10px auto;
width: 150px;
}
#section8 .readmore a{
text-decoration: none;
color: #ffffff;
}
#section8 .readmore:hover{
background:#f98902;
}
#section8 .readmore i{
transition: 0.5s; 
}
.client-reviews {
display: block;
overflow: hidden;
margin-bottom:20px;
}
.client-reviews h3{
color: #21429c;
font-size:18px;
font-weight: bold;
}
.client-reviews .img-box img{
width: 80px;
height: 80px;
float: left;
border-radius: 50%;
margin-right: 5px;
background: #fff;
}
.client-reviews i{
color:#f60;
border: none;
}
#section7 .comment{
display: block;
overflow: hidden;
border-bottom: #3e3d3d 1px dotted;
padding-bottom: 15px;
}
.comment .img{
padding: 10px 20px 10px 10px;
float: left;
}.comment .img img{
border-radius: 50%;
height: 150px;
width: 150px;
padding: 5px;
background: #ffffff;
}
.comment .descrip{
font-size: 16px;
overflow: hidden;
padding: 10px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
color: #ffffff;
background:#1b1b1b;
padding: 18px;
/* border-bottom:#c3bebe 1px solid;*/
}
.navbar-inverse .navbar-nav > li{
text-transform:capitalize;
display: block;
line-height: 40px;
font-weight: bold;
/*border-right: #c3bebe 1px solid;*/
font-size: 16px;
padding-right: 10px;
}
.navbar-inverse .navbar-nav > li > a{
text-decoration: none;
color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover{
text-decoration: none;
color: #fff;
}