html { 
	height: 100%;
    background: url("../img/background.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8f9093+0,c3c5c9+26,fcfffe+88 */
background: #8f9093; /* Old browsers */
background: -moz-linear-gradient(top, #8f9093 0%, #c3c5c9 26%, #fcfffe 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8f9093 0%,#c3c5c9 26%,#fcfffe 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8f9093 0%,#c3c5c9 26%,#fcfffe 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f9093', endColorstr='#fcfffe',GradientType=0 ); /* IE6-9 */
}

body 
 { 
	height: 100%; 
	margin: 0; 
	padding: 0;
}



/* ---------------Bootstrap extensions------------*/  
.col-sm-half {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width: 4.166666667%;
  float: left;
}

.row-eq-height-sm{
  /* in case of xs-screen*/
  display: inline;
}

@media screen and (min-width: 768px){
	.row-eq-height-sm {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}
}

.embed-container { 
	position: relative;
	padding-bottom: 16.3755%;
	height: 0;
	overflow: hidden;
	max-width: 100%; 
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.logo-row {
	max-height: 150px
}

.logo-row-xs {
	/* declare class */
}

.logo-row-hide-xs {
	/* declare class */
}

@media screen and (max-width: 768px){
	.logo-row {
		display: none !important;
	}
	
	.logo-row-hide-xs {
		display: none !important;
	}
}

@media screen and (max-width: 991px){
	.logo-row-xs {
		margin: -13% auto;
	}
}

/* =====================     THUMBNAIL HOVER OVER IMAGE    =====================*/
/*THIS IS THE ENLARGED SIZE, NOT THE THUMBNAIL SIZE - set your thumbnail size in your html*/

.thumbnail:hover {
    position:relative;
    top:25px;
    left:35px;
    width:375px;
    height:auto;
    display:block;
    z-index:999;
}

/* =====================     HOVER OVER IMAGE EFFECT    =====================*/

.hovereffect {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align:center;
  cursor: default;
  background-color: rgba(255,255,255,0.5);
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(2, 109, 181, 0.7);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  margin:0px;
}

.hovereffect p.info {
  display: inline-block;
  text-decoration: none;
  padding: 14px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: 15px;
}

.hovereffect:hover p.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect p.info:hover {
  box-shadow: 0 0 5px #fff;
}
/* ----------------------------------------------*/  


.btn-primary {
  color: #fff;
  background-color: #114771;
  border-color: #464646;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #fff;
  background-color: #114771;
  border-color: #464646;
}

.btn-info {
  color: #fff;
  background-color: #114771;
  border-color: #464646;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  color: #fff;
  background-color: #464646;
  border-color: #464646;
}


/* ---------------new-------------------------------*/  
.same-height{
	min-height:225px;
}

@media (max-width: 974px) {
  .same-height{
    min-height:170px;
  }

}
@media (max-width: 750px) {
  .same-height{
    min-height:100px;
  }

}

h1, .h1{
	/*font-size:40px;*/
	margin-top: 30px;
}

.icon img{
	width:120px;
}
.text-justify{
	text-align:justify;
}
  

.ok-message{
	border:1px solid LimeGreen; 
	background-color:LightCyan; 
	color:LimeGreen; 
	border-radius:4px; 
	padding:10px; 
	margin-bottom:10px;
}

.block-span{
	position:absolute; 
	top:130px; 
	z-index:1; 
	color:#65AAE3; 
	font-size:25px;
}


a {
    color: #2F5571;
    text-decoration: none;
}
a:hover {
    color: #0E1A23;
    text-decoration: underline;
}


.thumbnail:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:500px;
    height:auto;
    display:block;
    z-index:999;
}
.container {
    max-width: 1300px;
    width: auto;
}


.lightLink {
    background-color: #F9F9F9;
    border: 1px solid #BBBBBB;/*white;*/
    border-radius: 8px;
	padding: 2%;
	box-shadow: 1px 1px 2px #CBC7C7;
}

.lightLink-2 {
	background-color: #F8F8F8;/*#F3EFFF;*/
	border: 1px solid #BFBFBF;
	width:100%;
	height:100%;
}
.lightLink-2:hover{
	border: 1px solid #c4a55c;
	text-decoration:none;
}

.lightLink-2 h3 {
	margin-top:0px;
}
.lightLink-2 table {
	margin-left:10px;
}

.lightLink-3 {
    border: 1px solid #BBBBBB;
    border-radius: 8px;
    display: inline-block;
    margin: 0 0.5rem 1rem;
    padding: 0;
    transition: border 0.1s ease-out 0s;
	box-shadow: 1px 1px 4px #CBC7C7;
}
.lightLink-3:hover{
	border: 1px solid #333333;
	text-decoration:none;
}


/*-------boxes----------------------------*/
.boxes{
	border-radius: 8px;
}
.boxes > div{
	padding:20px ;
	border-radius: 8px;
}
.boxes > div div{
	padding:10px ;
	border-radius: 8px;
}

.boxes .heading{
	color: rgb(249, 249, 249); 
	font-size:35px; 
}

@media (max-width:  640px) {
 .boxes .heading{
	font-size:20px; 
 }
}

.boxes .blue{
	background-color: #669EBF;
}
.boxes .red{
	background-color: #C0766D;
}
.boxes .green{
	background-color: #6CAA6C; /*#C0E550*/
}
.boxes .gold{
	background-color: #B59263;
}
.boxes .white{
	background-color: #F9F9F9;
}
.boxes .orange{
	background-color: #E99B4E;
}

.boxes .back2{
	height:150px; 
	/*opacity:0.3;*/
	font-size:17px; 
	padding:10px; 
	text-align:justify;
}

.boxes .viewmore{
	height:35px; 
	opacity:0.7; 
	border-top: 2px solid rgb(249, 249, 249);
	text-align: center;
	
}

.boxes .viewmore a{
	font-size:20px; 
	color:white;
}

.boxes a{
	color:white;
}


.rounded{
	border-radius: 6px;
	padding:3px;
	/* offset-x | offset-y | color */
	box-shadow: 10px 5px 5px grey;

}

.box1{
	background-color:#82b0f8;
	margin-left:auto;
	
}

.icon img{
	width:120px;
}
.imageBox{
	border-radius:6px 6px 0 0;
}
.imageCenter{
	margin:0 auto;
}

.body-back{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7cfdf+0,23538a+100;Blue+3d+%238 */
background: rgb(167,207,223); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */

}

.body-back2{
	background-color: #a7cfdf;
	color:#000000; 
	padding:0px; 
	margin-bottom:0px;
}

.body-back3{
	background-color:#CACACA;
	color:#000000; 
	padding:0px; 
	margin-bottom:0px;
}

.body-back4{
	background-color:#FFFFFF;
	color:#000000; 
	padding:0px; 
	margin-bottom:0px;
}

.body-back5{
	background-image:url(../img/bg-lowopac.jpg);
	padding:0px; 
	margin-bottom:0px;
}

.body-back6{
	background-image:url(../img/rhine-river-lowopac-bg.jpg);
	padding:0px; 
	margin-bottom:0px;
}


.body-back7{
	background-image:url(../img/adventure-travel-lowopac-bg.jpg);
	padding:0px; 
	margin-bottom:0px;
}


.body-back8{
	background-image:url(../img/bus-travel-bg-lowopac.jpg);
	padding:0px; 
	margin-bottom:0px;
}

.body-back9{
	background-image:url(../img/checklist-bg-lowopac.jpg);
	padding:0px; 
	margin-bottom:0px;
}


.centre-oval{
	background-color:#fff;
	color:#000000; 
	text-align:center; 
	font-weight:bold; 
	padding:10px; 
	-moz-border-radius:8px; 
	border-radius:8px;
}

.display-table{
    display: table;
    table-layout: fixed;
}

.display-cell{
    display: table-cell;
    vertical-align: middle;
    float: none;
}


/* ---------------DK-contour box and other boxes-------------------------------*/ 

.boxed {
  
  border-style:double;
  border-radius:10%;
  width:100%;
  padding: 10px;
  margin: 10px;
}

blockquote.pull-right {
  padding-right: 15px;
  padding-top: 5px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-left {
  padding-right: 15px;
  padding-top: 5px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

.box-neutral{
background: rgba(145,203,226,0.50);
border-style:double;
border-color:#000; 		
}

.box-light-blue{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7cfdf+0,23538a+100;Blue+3d+%238 */
background: rgb(167,207,223); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */

}

.box-gold{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8cd72+1,d1b257+100 */
background: rgb(232,205,114); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232,205,114,1) 1%, rgba(209,178,87,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(232,205,114,1) 1%,rgba(209,178,87,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(232,205,114,1) 1%,rgba(209,178,87,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8cd72', endColorstr='#d1b257',GradientType=0 ); /* IE6-9 */

}

/* =====================          NAVIGATION        =====================*/

.navbar-inverse .navbar-nav > li > a {
    color: #2b9624;
	font-weight:bold;
}

/* colorize dropdown menu */
.navbar-inverse .navbar-nav > li > .dropdown-menu {
  background-color: #cccccc;
}
.navbar-inverse .navbar-nav > li > .dropdown-menu > li > a {
  color: #000;
}
.navbar-inverse .navbar-nav > li > .dropdown-menu > li > a:hover{
  color: #000000;/*navbar's dropdown menu text color*/
  background-color:#999999;/*navbar's dropdown background color*/
}
/**/

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #999999;
    color: #cccccc;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  /*color: #327cf7;*/
  color: #cccccc; /*color first visible on a navbar*/
  background-color: #000;
}

.navbar-inverse {
    background-color: #000000;/*navbar's background color*/
	color: #ffffff;
}

.navbar {
    border-radius: 0;
    margin-bottom:0px;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff; /*main navbar text color when first opened*/
	font-weight:bold;
}


.navbar-inverse .navbar-nav > li > a:hover {
    color: #cccccc;  /*navbar menu text color when hovered over*/
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #cccccc;
    color: #999999;/*text color for navbar title when hovered over, when the section has a dropdown menu */
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #cccccc;  
  background-color: #000;
}


.navbar {
    border-radius: 0;
    margin-bottom:0px;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}


/* =====================          CUSTOMIZE THE CAROUSEL        =====================*/

 #myCarousel{
 height: auto;
 overflow: hidden;
 margin: 0 auto; 
 }

.carousel .item {
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  height: 100%;
}

.carousel .active.left, .carousel .active.right {
  left:0;
  opacity:0;
  z-index:2;
}
.carousel .next, .carousel .prev {
  left:0;
  opacity:1;
  /*z-index:1; */
}

.carousel{
  margin-bottom: 0;
}

.carousel .item{
  background: none;
}
.carousel .item>img {
  top: 0;
  width: 100%;
  height: auto;
  margin: auto;
}
.carousel-caption h3{
  color:#ffffff;
  font-family: Arial;
  text-align: center;
}

.carousel-caption{
  left:25%;
  right:25%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.50);
  margin-bottom:5%;
  border-radius:8px;
}

.carousel-indicators{
  text-align: right;
  display: none;
}

.carousel-control.left, .carousel-control.right {
  background-image: none;
}

.carousel-inner {		
    overflow: visible;
	height: 100%;
}

@media (max-width:  640px) {
 .carousel-inner, .carousel .item, #myCarousel{
    height: auto;
    width: auto;
 }
}

@media (max-width:  724px) {
 .carousel-inner, .carousel .item, #myCarousel{
    height: auto;
    width: auto;
 }
}

@media (max-width: 1124px) {
 #myCarousel{
    height: auto;
    width: auto;
 }
 
h1 {font-size: 18px; }
h3 {font-size: 16px; }
}

@media (min-width: 1500px) {
 #myCarousel{
    height: auto;
    width: auto;
 }
}

@media (min-width: 1800px) {
 #myCarousel{
    height: auto;
    width: auto;
 }
}


/* =====================          Responsive You Tube video        =====================*/

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* =====================          Responsive Image with Caption        =====================*/
section {
    overflow: auto;
}

section figure {
    float:none;
    clear: both;
    position:relative;
    overflow: auto;
    margin: 0 auto;
    padding: 0 0 0 0;
	width: 900px;
}


section figure img {
    vertical-align:middle;
}

section figure figcaption {
    position: absolute;
    bottom: 20%;
    left: 5%;
    right: 50%;
    background: rgba(0,0,0,0.7);
    text-align: left;
    color: #fff; 
    padding: 10px;
	font-size:large;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style:italic;
}


section {
    padding-bottom: 0px;
}

/* =====================          Responsive container for embedded elements        =====================*/

.flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.flexible-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*=======================          FOOTER                   ==============================*/

footer{
  background: #4f5255;
  margin-bottom: 0;
}

footer ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

footer h4{
  color: #b8daf4;
  text-align:left;
}

footer h5{
  color: #b8daf4;
  text-align:center;
  
}

footer h6{
  color: #ffffff;
  text-align:center;
  
}

footer ul li a{
  color: #b8daf4;
}

footer p a{
  color: #b8daf4;
}

footer p{
  color: #b8daf4;
  text-align:left;
  
}

footer .featurette-divider{
  margin-top: 20px;
}

footer a {
color: #b8daf4;
}

footer a:hover {
     color: #b8daf4;
}