@charset "utf-8";

/* CSS Document */


body {
	/*background-image:url(../img/testimonial.jpg);*/
}

#cercleicon
{
 background-color:#39F;
 color:#FFF;
 border-radius: 50%;
 border: 1x solid grey;
 padding:10px;
}
h1, h2, h3, h4, h5, h6{

	font-family: 'Oswald', sans-serif;
	color:#005898;

}
a:hover{
	text-decoration:none;
}

#testimonial{
/*	background-image:url(../images/testminialback.png); background-size:cover; background-repeat:no-repeat;*/
}

.sociafacebook a{ color:#FFF;}
.sociafacebook{
	width:70px; height:70px; padding:5px; margin:10px; background-color:#999; 
	transition: all 1s ease 0s;
	 -o-transition: all 1s ease 0s; 
	 -ms-transition: all 1s ease 0s; 
	 -moz-transition: all 1s ease 0s; 
	 -webkit-transition: all 1s ease 0s;
	
}
.sociafacebook:hover{
	border:#FFF 5px double; padding:5px;
	background-color:#666;
	transition: all 1s ease 0s;
	 -o-transition: all 1s ease 0s; 
	 -ms-transition: all 1s ease 0s; 
	 -moz-transition: all 1s ease 0s; 
	 -webkit-transition: all 1s ease 0s;
}

/*slider ---------------------*/



/*slider ---------------------*/





.topbar{width:100%; height:5px; background-color:#0e96d2; float:left; overflow:hidden; padding-bottom:5px;}
#navigationbar{padding-top:10px;}
.headerDiv{width:100%; float:left; height:110px; }

.stapDiv{width:100%; height:45px; background-color:#000; color:#FFF; padding:5px; position:absolute; opacity:.8; z-index:1000;}


.quoteDiv{width:100%; float:left;}

.holidaypackages{width:100%; float:left;
  	/*background-image:url(../images/patten.png);*/ }
.wightHeader{color:#FFF;}

.contentsDiv{width:100%; float:left; }

.testimonials{background-color:#F7F7F7; border:1px solid #CCC; border-radius:5px;}
.footerDivs{background-color:#333; color:#CCC; background-image:url(../images/footer_bg.png); background-size:cover; background-repeat:no-repeat; background-position:center; }
.footerDivs h3{ color:#CCC;}
#links ul { padding:0px; margin:0px;}
#links li { list-style:none;}
#links li a{color:#FFF; display:block; padding:2px 2px; opacity:.8;}
#links li a:hover{color:#FFF; padding-left:10px; background-color:#000; opacity:.5; transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}


.footerstap{background-color:#000; color:#999;}

.slider{background-repeat:no-repeat; background-position:top; width:100%; height:400px; background-size:cover;}

.testi_monial{ padding-bottom:55px;}

.weekend_div{border:1px #CCCCCC solid; border-radius:5px; padding:10px; min-height:500px; transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}

.weekend_div:hover{box-shadow:0 0 10px #06C; -moz-box-shadow:0 0 10px #06C; -webkit-box-shadow: 0 0 10px #06C; box-shadow:0 0 10px #06C; transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}



.flip3d{position:relative; margin:10px; height:auto;}

.flip3d>.front{

	background-color:#FFF;  padding:5px; border:1px #CCCCCC solid; border-radius:5px;

position:relative;

transform:perspective(600px) rotateX(0deg);

-webkit-transform:perspective(600px) rotateX(0deg);

backface-visibility:hidden;

-webkit-backface-visibility:hidden;

transition:-webkit-transform .5s linear 0s;

transition:transform .5s linear 0s;

}

.flip3d>.back{ 

background-color:#FFF; padding:5px; border:1px #CCCCCC solid; border-radius:5px;

position:absolute;

transform:perspective(600px) rotateX(180deg);

-webkit-transform:perspective(600px) rotateX(180deg);

backface-visibility:hidden;

-webkit-backface-visibility:hidden;

transition:-webkit-transform .5s linear 0s;

transition:transform .5s linear 0s;

}



.flip3d:hover>.front{

	transform:perspective(600px) rotateX(-180deg);

	-webkit-transform:perspective(600px) rotateX(-180deg);

}

.flip3d:hover>.back{

		transform:perspective(600px) rotateX(0deg);

	-webkit-transform:perspective(600px) rotateX(0deg);

}

img.similarimage{
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}
img.similarimage:hover{
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}

.packageviewDiv{
	background-color:#FFF; border:1px #CCCCCC solid; border-radius:5px; padding:10px;
}
.packageView{
	overflow:hidden;
}


.package_view_area{
	width:100%;
	height:450px;
	padding:10px;
	overflow:scroll;
}

.social {
  width: 100%;
  margin-top:20px;
}

.social .link {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px dashed #B3DCFB;
  background-clip: content-box;
  padding: 10px;
  transition:.5s;
  color: #D7D0BE;
  margin-left:10px;
  margin-right:10px;
  text-shadow:
    0 -1px 0 rgba(0, 0, 0, 0.2),
    0 1px 0 rgba(255, 255, 255, 0.2);
  font-size: 40px;
}

.social .link span {
  display: block;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  

  transform: translate(-50%, -50%);
}

.social .link:hover {
  padding: 18px;
  color: white;

  transform: translateX(0px) rotate(360deg);
}

.social .link.google-plus {
  background-color: tomato;
  color: white;
}

.social .link.twitter {
  background-color: #00ACEE;
  color: white;
}

.social .link.facebook {
  background-color: #3B5998;
  color: white;
}

.social .link.instergram {
  background-color:#900;
  color: white;
}

.listingdiv{
	border-bottom:1px solid #69F;
	border-top:1px solid #69F;
}

.packagelistdiv{
	background-color:#FFF; border:1px #CCCCCC solid; margin:10px; padding-top:10px; padding-bottom:10px;
	 transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;
}
.packagelistdiv:hover{
	box-shadow: 0px 0px 20px #0066FF; border:#09F 1px solid; background-color:#ECFFEC;
	 transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;
}
.listrightborder{
	border-left:1px #F0F0F0 solid; 
	}




@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?pvm5gj');
	src:url('../fonts/icomoon/icomoon.eot?#iefixpvm5gj') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff?pvm5gj') format('woff'),
		url('../fonts/icomoon/icomoon.ttf?pvm5gj') format('truetype'),
		url('../fonts/icomoon/icomoon.svg?pvm5gj#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Icons created with icomoon.io/app */



.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 1em 0 2em;
	font-weight: 300;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	border: 1px solid #becbd2;
	border-bottom: none;
	margin: 0 0.25em;
	display: block;
	float: left;
	position: relative;
}

.tabs nav li.tab-current {
	border: 1px solid #47a3da;
	box-shadow: inset 0 2px #47a3da;
	border-bottom: none;
	z-index: 100;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
	background: #47a3da;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
	color: #becbd2;
	display: block;
	font-size: 1.08em;
	line-height: 2.5;
	padding: 0 1.25em;
	white-space: nowrap;
}

.tabs nav a:hover {
	color: #768e9d;
}

.tabs nav li.tab-current a {
	color: #47a3da;
	text-decoration:none;
}

/* Icons */
.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}

.icon-food:before {
	content:"\e9b2";
}

.icon-lab:before {
	content: "\e90d";
}

.icon-cup:before {
	content: "\e903";
}

.icon-truck:before {
	content: "\e923";
}

.icon-shop:before {
	content: "\e608";
}

/* Content */
.content section {
	padding: 3em 1em;
	display: none;
	max-width: 1230px;
	margin: 0 auto;
}

.content section:before,
.content section:after {
	content: '';
	display: table;
}

.content section:after {
	clear: both;
}

/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
}

.content section.content-current {
	display: block;
}

.mediabox {
	float: left;
	width: 33%;
	padding: 0 25px;
}

.mediabox img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.mediabox h3 {
	margin: 0.75em 0 0.5em;
}

.mediabox p {
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 1.3;
}

/* Example media queries */

@media screen and (max-width: 52.375em) {
	.tabs nav a span {
		display: none;
	}

	.tabs nav a:before {
		margin-right: 0;
	}

	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox h3 {
		margin-top: 0;
	}

	.mediabox p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}
}

@media screen and (max-width: 32em) {
	.tabs nav ul,
	.tabs nav ul li a {
		width: 100%;
		padding: 0;
	}

	.tabs nav ul li {
		width: 20%;
		width: calc(20% + 1px);
		margin: 0 0 0 -1px;
	}

	.tabs nav ul li:last-child {
		border-right: none;
	}

	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}
}


.bg-brown{color:#fff;background-color:#600}
#imgover{
}
#imgover ul{margin:0px; padding:0px;}
#imgover li{ list-style:none; overflow:hidden; max-height:200px; max-width:200px; display:inline-block; border-radius:50%; margin-right:10px;border:1px #CCC solid;
 transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
#imgover li img { 
 transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;
}
#imgover li:hover{
	box-shadow: 0px 0px 20px #006600; 
	 transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;
}

.button {
  background-color:#9191FF;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF !important;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 20px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
}
@-webkit-keyframes glowing {
  0% { background-color:#8A8AFF; -webkit-box-shadow: 0 0 3px #BFBFFF; }
  50% { background-color: #03F; -webkit-box-shadow: 0 0 40px #BFBFFF; }
  100% { background-color: #03F; -webkit-box-shadow: 0 0 3px #BFBFFF; }
}

@-moz-keyframes glowing {
  0% { background-color: #03F; -moz-box-shadow: 0 0 3px #BFBFFF; }
  50% { background-color:#03F; -moz-box-shadow: 0 0 40px #BFBFFF; }
  100% { background-color: #03F; -moz-box-shadow: 0 0 3px #BFBFFF; }
}

@-o-keyframes glowing {
  0% { background-color: #03F; box-shadow: 0 0 3px #BFBFFF; }
  50% { background-color: #03F; box-shadow: 0 0 40px #BFBFFF; }
  100% { background-color: #03F; box-shadow: 0 0 3px #BFBFFF; }
}

@keyframes glowing {
  0% { background-color:#C4C4FF; box-shadow: 0 0 3px #BFBFFF }
  50% { background-color: #C4C4FF; box-shadow: 0 0 40px #BFBFFF; }
  100% { background-color: #C4C4FF; box-shadow: 0 0 3px #BFBFFF; }
}

.button {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}