@charset "utf-8";
#DestinationContainer{
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
}
#DestinationContainer #DestinationPrincipalContainer{
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	list-style: none;
	overflow-x: hidden;
	overflow-y: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#DestinationContainer #DestinationPrincipalContainer #PrincipalInformationContainer{
	margin: 0;
	padding: 0;
	background-color: rgba(0,0,0,.6);
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px solid #000000;
}
#DestinationContainer #DestinationPrincipalContainer #PrincipalInformationContainer #DestinationNameTitle{
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
	color: #ffffff;
}
#DestinationContainer #DestinationPrincipalContainer #PrincipalInformationContainer #DestinationBriefDescription{
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
	color: #eeeeee;
}
#DestinationContainer #DownGif{
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  cursor: pointer;
}
/*--------------------------*/
.BannerContainer{
  margin: auto;
  padding: 0;
  display: block;
  background-color: rgba(255, 255, 255, .99);
}
.BannerContainer .BannerSubContainer{
  cursor: pointer;
  transition: .3s;
  background-color: transparent;
  z-index: 5;
}
.BannerContainer .BannerSubContainer:hover,
.BannerContainer .BannerSubContainer:focus{
  transform: scale(1.1);
  border: none;
}

.BannerContainer .BannerSubContainer:hover .BannerTextContainer .ViewMoreBanner,
.BannerContainer .BannerSubContainer:focus .BannerTextContainer .ViewMoreBanner{
  opacity: 1;
}
.BannerContainer .BannerSubContainer .BannerImage{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  width: 35%;
  transition: .3s;
}
.BannerContainer .BannerSubContainer .DestinationBannerImage{
  border-radius: 50%;
}
.BannerContainer .BannerSubContainer .HotelBannerImage{
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border: 0px solid #000000;
}
.BannerContainer .BannerSubContainer .CategoryBannerImage{
  background-size: 100% !important;
}
.BannerContainer .BannerSubContainer .PackageBannerImage{
  border-radius: 50%;
}
.BannerContainer .BannerSubContainer .BannerTextContainer{
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  width: 60%;
}
.BannerContainer .BannerSubContainer .BannerTextContainer .BannerTextTitle{
  text-align: center;
  color: #444444;
  transition: .3s;
}
.BannerContainer .BannerSubContainer .BannerTextContainer .BannerMiniParaggraph,
.BannerContainer .BannerSubContainer .BannerTextContainer .BannerHotelName{
  text-align: center;
  color: #444444;
}
.BannerContainer .BannerSubContainer .BannerTextContainer .HotelCategoryContainer{
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  text-align: center;
}
.BannerContainer .BannerSubContainer .BannerTextContainer .HotelCategoryContainer .HotalCategoryImage{
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
.BannerContainer .BannerSubContainer .BannerTextContainer .ViewMoreBanner{
  margin: auto;
  display: block;
  background-color: #4D8C66;
  opacity: 0;
}
.BannerContainer .BannerSubContainer .BannerTextContainer .ViewMoreBanner:hover,
.BannerContainer .BannerSubContainer .BannerTextContainer .ViewMoreBanner:focus{
  transform: scale(1.1);
}
.BannerContainer #PackagesTitle,
.BannerContainer #HotelsTitle{
	margin: 0;
	padding: 0;
	display: block;
	color: #444444;
	text-align: center;
}
.BannerContainer .BannerSubContainer .BannerTextContainer .BannerDiscountPrice,
.BannerContainer .BannerSubContainer .BannerTextContainer .BannerNormalPrice{
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
}
.BannerContainer .BannerSubContainer .BannerTextContainer .BannerDiscountPrice{
  color: #4D8C66;
}
.BannerContainer .BannerSubContainer .BannerTextContainer .BannerNormalPrice{
  color: #BA0000;
  text-decoration: line-through;
}
.BannerContainer .BannerSubContainer .BannerTextContainer .TRMMessage{
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	text-align: center;
	color: #555555
}
#YoutubeVideo{
	margin: auto;
	padding: 0;
	display: block;
}
/*---------------------------*/
/*---------------------------*/
/*---------------------------*/
#DestinationContainer #DescriptionMapContainer{
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#DestinationContainer #DescriptionMapContainer #LoactionMapView,
#DestinationContainer #DescriptionMapContainer #DescriptionController{
	text-align: justify;
	color: #444444;
}
/*---------------------------*/
#DestinationContainer #GaleryContainer{
	margin: auto;
	padding: 0;
	display: block;
	text-align: center;
}
#DestinationContainer #GaleryContainer .GaleryImage{
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	transition: .3s;
	text-align: center;
	border-radius: .5%;
	font-family: sans-serif;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}
#DestinationContainer #GaleryContainer .GaleryImage:hover,
#DestinationContainer #GaleryContainer .GaleryImage:focus{
	transform: scale(1.03);
	webkit-box-shadow: 0px 0px 5px 0px rgba(153,153,153,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(153,153,153,1);
	box-shadow: 0px 0px 5px 0px rgba(153,153,153,1);
}
/*--------------------------------*/
#GaleryImageViwerContainer{
	margin: 0;
	padding: 0;
	display: none;
	background-color: rgba(255, 255, 255, .95);
	z-index: 200;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(102,102,102,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(102,102,102,1);
	box-shadow: 0px 0px 5px 0px rgba(102,102,102,1);
}
#GaleryImageViwerContainer #ClosGaleryPreview{
	margin: 0 0 0 auto;
	padding: 0;
	display: block;
	text-align: right;
	color: #ff0000;
	background-color: transparent;
	border: none;
	font-weight: bold;
	transition: .3s;
	cursor: pointer;
}
#GaleryImageViwerContainer #ClosGaleryPreview:hover,
#GaleryImageViwerContainer #ClosGaleryPreview:focus{
	color: #444444;
}
#GaleryImageViwerContainer #GaleryPreviewImage{
	margin: auto;
	padding: 0;
	display: block;
}
@media screen and (min-width: 701px) {
	#DestinationContainer #DestinationPrincipalContainer{
		height: 90vh;
		background-attachment: fixed;
	}
	#DestinationContainer #DestinationPrincipalContainer #PrincipalInformationContainer{
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 50%;
		width: 30%;
		transform: translate(50%, -50%);
		padding: 3% 1% 3% 1%;
	}
	#DestinationContainer #DestinationPrincipalContainer #PrincipalInformationContainer #DestinationNameTitle{
		font-size: 3em;
	}
	#DestinationContainer #DestinationPrincipalContainer #PrincipalInformationContainer #DestinationBriefDescription{
		font-size: 1.5em;
	}
	#DestinationContainer #DownGif{
		width: 80px;
	}
	/*--------------------------*/
	.BannerContainer{
		width: 98%;
		padding: 2% 1% 2% 1%;
	}
	.BannerContainer .BannerSubContainer{
	  margin: 0;
	  display: inline-block;
	  vertical-align: middle;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .BannerTextTitle{
		font-size: 1.5em;
		margin-bottom: 1%;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .BannerMiniParaggraph{
		font-size: 0.9em;
		margin-bottom: 3%;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .HotelCategoryContainer{

	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .HotelCategoryContainer .HotalCategoryImage{
		margin: 0% 1% 0% 1%;
		width: 15px;
		margin-bottom: 3%;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .ViewMoreBanner{
		font-size: 1.1em;
	}
	.BannerContainer #PackagesTitle,
	.BannerContainer #HotelsTitle{
		font-size: 2.5em;
		padding-bottom: 1%;
		padding-top: 5%;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .BannerDiscountPrice,
	.BannerContainer .BannerSubContainer .BannerTextContainer .BannerNormalPrice{
		margin-top: 1%;
		margin-bottom: 1%;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .BannerDiscountPrice{
		font-size: 1.6em;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .BannerNormalPrice{

	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .TRMMessage{
		font-size: .8em;
		margin-bottom: 3%;
	}
	#YoutubeVideo{
		width: 700px;
		height: 393px;
		margin-top: 2%;
	}
	/*---------------------------*/
	/*---------------------------*/
	/*---------------------------*/
	#DestinationContainer #DescriptionMapContainer{
		margin-top: 5%;
	}
	#DestinationContainer #DescriptionMapContainer #LoactionMapView,
	#DestinationContainer #DescriptionMapContainer #DescriptionController{
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: middle;
		margin-left: 1%;
		margin-right: 1%;
	}
	#DestinationContainer #DescriptionMapContainer #LoactionMapView{
		width: 55%;
		height: 45vh;
	}
	#DestinationContainer #DescriptionMapContainer #DescriptionController{
		width: 35%;
	}
	#DestinationContainer #DescriptionMapContainer #DescriptionController #DescriptionTitle{
		font-size: 2.6em;
		margin-bottom: 1%;
	}
	#DestinationContainer #DescriptionMapContainer #DescriptionController #DescriptionText{
		font-size: 1em;
	}
	/*---------------------------*/
	#DestinationContainer #GaleryContainer{
		width: 100%;
		margin-top: 7%;
	}
	#DestinationContainer #GaleryContainer .GaleryImage{
		width: 22vw;
		height: 22vh;
		margin: 1%;
	}
	/*--------------------------------*/
	#GaleryImageViwerContainer{
		padding: 1%;
	}
	#GaleryImageViwerContainer #ClosGaleryPreview{
		font-size: 1.2em;
		margin-bottom: 1%;
	}
	#GaleryImageViwerContainer #GaleryPreviewImage{
		max-height: 80vh !important;
		max-width: 80vw !important;
	}
}
@media screen and (max-width: 700px) {
	#DestinationContainer #DestinationPrincipalContainer{
		height: 100%;
		background-attachment: scroll;
	}
	#DestinationContainer #DestinationPrincipalContainer #PrincipalInformationContainer{
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 50%;
		width: 80%;
		transform: translate(50%, -50%);
		padding: 3% 1% 3% 1%;
	}
	#DestinationContainer #DestinationPrincipalContainer #PrincipalInformationContainer #DestinationNameTitle{
		font-size: 2.5em;
	}
	#DestinationContainer #DestinationPrincipalContainer #PrincipalInformationContainer #DestinationBriefDescription{
		font-size: 1em;
	}
	#DestinationContainer #DownGif{
		width: 80px;
	}
	/*--------------------------*/
	.BannerContainer{
		width: 98%;
		padding: 2% 1% 2% 1%;
	}
	.BannerContainer .BannerSubContainer{
	  margin: auto;
	  padding: 0;
	  display: block;
	  width: 90%;
	  margin-bottom: 5%;
	  margin-top: 5%;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .BannerTextTitle{
		font-size: 1.5em;
		margin-bottom: 1%;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .BannerMiniParaggraph{
		font-size: 0.9em;
		margin-bottom: 3%;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .HotelCategoryContainer{

	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .HotelCategoryContainer .HotalCategoryImage{
		margin: 0% 1% 0% 1%;
		width: 15px;
		margin-bottom: 3%;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .ViewMoreBanner{
		font-size: 1.1em;
	}
	.BannerContainer #PackagesTitle,
	.BannerContainer #HotelsTitle{
		font-size: 2em;
		padding-bottom: 5%;
		padding-top: 5%;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .BannerDiscountPrice,
	.BannerContainer .BannerSubContainer .BannerTextContainer .BannerNormalPrice{
		margin-top: 1%;
		margin-bottom: 1%;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .BannerDiscountPrice{
		font-size: 1.6em;
	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .BannerNormalPrice{

	}
	.BannerContainer .BannerSubContainer .BannerTextContainer .TRMMessage{
		font-size: .8em;
		margin-bottom: 3%;
	}
	#YoutubeVideo{
		width: 70vw;
		height: 39.3vw;
		margin-top: 5%;
	}
	/*---------------------------*/
	/*---------------------------*/
	/*---------------------------*/
	#DestinationContainer #DescriptionMapContainer{
		margin-top: 5%;
	}
	#DestinationContainer #DescriptionMapContainer #LoactionMapView,
	#DestinationContainer #DescriptionMapContainer #DescriptionController{
		margin: auto;
		padding: 0;
		display: block;
		margin-top: 4%;
		margin-bottom: 4%;
	}
	#DestinationContainer #DescriptionMapContainer #LoactionMapView{
		width: 90%;
		height: 45vh;
	}
	#DestinationContainer #DescriptionMapContainer #DescriptionController{
		width: 85%;
	}
	#DestinationContainer #DescriptionMapContainer #DescriptionController #DescriptionTitle{
		font-size: 1.5em;
		margin-bottom: 1%;
	}
	#DestinationContainer #DescriptionMapContainer #DescriptionController #DescriptionText{
		font-size: .9em;
	}
	/*---------------------------*/
	#DestinationContainer #GaleryContainer{
		width: 100%;
		margin-top: 15%;
	}
	#DestinationContainer #GaleryContainer .GaleryImage{
		width: 90vw;
		height: 45vh;
		margin: 1%;
	}
	/*--------------------------------*/
	#GaleryImageViwerContainer{
		padding: 1%;
	}
	#GaleryImageViwerContainer #ClosGaleryPreview{
		font-size: 1.5em;
		margin-bottom: 4%;
	}
	#GaleryImageViwerContainer #GaleryPreviewImage{
		max-height: 90vh !important;
		max-width: 90vw !important;
	}
}