/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	background-image: url('../assets/icon/hippoholidays-background.jpg');
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	color: #5a5a5a;
	height:100%;
}

.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}


#wrap {
  /*min-height: 100%;*/
  height: auto;
}

/* Set the fixed height of the footer here */
#footer {
  height: auto;
  background-color: #302d2d;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
 /* padding: 60px 15px 0;*/
}
.container .text-muted {
  margin: 20px 0;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

code {
  font-size: 80%;
}

/* Custom CSS
-------------------------------------------------- */
#subscribe-footer {
  height: auto;
  background-color: #9AA64B;
}
.subscribe-footer-margin {
  margin-top:10px;
  margin-bottom:10px;
}
.footer-social-icon{
	margin-top : 15px;
	margin-left : 15px;
}
.input-group-subscribe{
	margin-top:10px;
	margin-bottom:10px;
}
.btn-subscribe{
 font-family: 'Oswald', sans-serif;
 color:#dc863a;
 background-color:#564E4E;
 border: #148caa;
 padding-left:10px;
 padding-right:10px;
 cursor:pointer;
 /*padding-bottom:2px;*/
}
.btn-subscribe:hover{
	color:#ffffff;
}


.search-margin {
  margin-top:10px;
  margin-bottom:10px;
}
.font-oswald{
	font-family: 'Oswald', sans-serif;
}
.text-navbar{
	font-family: 'Oswald', sans-serif;
	font-size:13px;
	color :black;
}
.navbar {
border-radius: 0px;
}
.btn{
 box-shadow: 1px 2px 5px #383838;
 /*margin-right:10px;*/
}
.btn-soft-shadow{
    box-shadow: 1px 2px 5px rgba(93,93,93,1);
}
.btn-soft-shadow-lighter{
    box-shadow: 1px 2px 2px rgba(204,204,204,1);
}
/* START NAVBAR ===================================*/

.navbar-collapse {	
	padding-right: 0px;
	padding-left: 0px;
}
.input-group-search{
	width:250px;
	padding-top:3px;
}
.btn-search{
 background-color:#509ba2;
 border: #148caa;
 padding:3px;
 padding-left:10px;
 padding-right:10px;
 cursor:pointer;
}
.btn-search:hover{
 color: #393f0e;
	background-color: #509ba2;
	border-color: #509ba2;
}
/* START btn home page===================================*/
.btn-blue{
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	color: #ffffff;
	background-color: #509ba2;
	border-color: #509ba2;
	text-shadow: 1px 2px 1px #3c757a;
}

.btn-blue:hover{
	color: #393f0e;
	background-color: #509ba2;
	border-color: #509ba2;
}
.btn-green{
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	color: #ffffff;
	background-color: #9aa64b;
	border-color: #9aa64b;
	text-shadow: 1px 2px 1px #879142;	
}
.btn-green:hover{
	color: #272727;
	background-color: #9aa64b;
	border-color: #9aa64b;
}
.btn-red{
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	color: #ffffff;
	background-color: #b94a4a;
	border-color: #b94a4a;
	text-shadow: 1px 2px 1px #8b3838;
}
.btn-red:hover{
	color: #4e0f0f;
	background-color: #b94a4a;
	border-color: #b94a4a;
}
.btn-orange{
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	color: #ffffff;
	background-color: #dc863a;
	border-color: #dc863a;
	text-shadow: 1px 2px 1px #ad6a2e;
}
.btn-orange:hover{
	color: #553010;
	background-color: #dc863a;
	border-color: #dc863a;
}
/* END btn home page===================================*/

/* START PANEL MAIN SEARCH===================================*/
.btn-heading{
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	color: #509ba2;
	background-color: #353535;
	border-color: #353535;
	text-shadow: 1px 2px 2px #2e2e2e;
}
.btn-heading:hover{
	color: #ffffff;
	background-color: #353535;
	border-color: #353535;
}
.btn-footer{
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	color: #9aa64b;
	background-color: #353535;
	border-color: #353535;
	text-shadow: 1px 2px 1px #2e2e2e;
}
.btn-footer:hover{
	color: #ffffff;
	background-color: #353535;
	border-color: #353535;
}

.panel-group .panel {
	border-radius:0;
	border-color:0;
}
.panel-body{
	font-family:arial;
	font-size:12px;
	background-color: #dc863a;
}
.panel-body-heading{
	font-family:arial;
	font-size:12px;
	background-color: #dc863a;
	padding: 12px;
}
.panel-body-footer{
	font-family:arial;
	font-size:12px;
	background-color: #509ba2;
	padding: 12px;
}
.panel-default-h{
border-color: inherit;
}

.panel-default-h > .panel-heading {
	font-size:15px;
	color: #ffffff;
	background-color: #b94a4a;
	border-color: #b94a4a;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	padding:5px;
}
.panel-default{
border-color: inherit;
}
.panel-footer {
	border-color:#509ba2;
}
.panel-default > .panel-footer {
	color: #ffffff;
	background-color: #9aa64b;
	border-color: #9aa64b;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	padding:5px;
}
.panel-default > .panel-heading >.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    color: inherit;
	text-shadow: 1px 2px 1px #8b3838;
}
.panel-default > .panel-footer >.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    color: inherit;
	text-shadow: 1px 2px 1px #879142;
}
.form-control {
	font-family:arial;
	font-size:12px;
	padding: 3px 6px;
	height:28px;
	
}
/* END PANEL MAIN SEARCH===================================*/
.panel-default-faq > .panel-heading >.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    color: inherit;
	text-shadow: 1px 2px 1px #8b3838;
	font-family: 'Oswald', sans-serif;
}
.panel-heading-faq{
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	background-color: transparent;
	padding: 10px;
}
.panel-body-faq{
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	background-color: transparent;
	padding: 10px;
}

.btn-tab{
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
	border-color: #bf7e4c;
}
.btn-tab:hover{
	color: #ffffff;
	border-color: #77330b;
}
.btn-tab > li > a {
color: #ffffff;

}
.btn-tab > li > a :hover{
background-color: #bf7e4c;
}

.panel-default {
    border-color:0;
}

.panel-body-white{
	font-family: 'Oswald', sans-serif;
	background-color: #ffffff;
	margin:15px;
}
.panel-body-white-wrap{
	font-family: 'Oswald', sans-serif;
	margin:40px;
}
.text1{
	font-family: 'Oswald', sans-serif;
	color: #509ba2;
}
.text2{
	font-family: 'Oswald', sans-serif;
	color: #9685AA;
}
.text3{
	font-family: 'Oswald', sans-serif;
	color: #000000;
}
.text4{
	font-family: 'Oswald', sans-serif;
	color: #6D9E38;
}
.text5{
	font-family: 'Oswald', sans-serif;
	color: #078226;
}
.text6{
	font-family: 'Oswald', sans-serif;
	color: #93362C;
}
.text7{
	font-family: 'Oswald', sans-serif;
	color: #D6832A;
}
.radius{
 border-radius:0;
}



/*carousel slider*/
.carousel {
height: 350px;
margin-bottom: 60px;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
height: 350px;
}
.carousel .item {
height: 350px;
background-color: #777;
}
/*/carousel slider*/

.navbar-brand {
    float: left;
    padding: 0px;
    font-size: 18px;
    line-height: 20px;
}

.bread-crumb{
	font-family: 'oswald' , sans-serif;
	font-size: 14px;
}
.bread-crumb-span1{
	color : #ffffff;
}
.bread-crumb-span2{
	color : #E5A434;
}
.bread-crumb-span1 > .hrefcolor {
	color:#ffffff;
	text-decoration:none;
}
.btn-up{
  margin-top:25px;
  float:right;
  margin-left:0;
  margin-right:0;
  padding-right:0;
  padding-left:0px;
  
  
}
.btn-to-top{
	float:right;
	cursor:pointer;
}

.bx-wrapper .bx-viewport {
    box-shadow: 3px 3px 4px rgb(53, 53, 53);
    border: 5px solid rgb(255, 255, 255);
    left: -5px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
margin-left: -40px;
}
.border-none{
	border:none;
}
/*main tab
.nav-tabs.nav-justified{
width: 100%;
border-bottom: 0;
margin-left:1px;
} */

.title-ijau{
	font-family: 'Oswald', sans-serif;
	color:#9aa64b;
}