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

body {
  color: #5a5a5a;
  background-color:#bbbbbb;
  min-width:800px;
  min-height:800px;
}

html,body{height:100%;}

@font-face {
    font-family: bebas;
    src: url(../fonts/BEBASNEUE.OTF);
}
.bebasFont{
font-family:bebas;
}


a{
	color:#ffffff;
	text-decoration:underline;
}
a:hover{
	color:#ffffff;
}

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

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


.logoHolder{
	float:left;
	width:14%;
	margin-left:5%;
	min-width:100px;
}
.wordHolder{
	float:right;
	width:78%;
	margin-top:1%;
}


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

/* Carousel base class */
.carousel {
  height: 100%;
  *max-height:800px;
  min-width:800px;
  min-height:800px;
  position:relative;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.07);

}
.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}

/* 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: 100%;
  *max-height:800px;
  min-width:800px;
  min-height:800px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
  *max-height:800px;
  min-width:800px;
  min-height:800px;
}

img {
  max-width: 100%;
  width: auto   9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


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

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

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

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

  .featurette-heading {
    font-size: 50px;
  }
  
  
.footerOuter{
	position:absolute; bottom:0px; background-color:rgba(255,255,255,0.8); width:100%; 
	min-height:120px;
	padding-top:10px;
	padding-bottom:10px;
}
.footerOuter p{
			font-size: 1.5vw;
		line-height: 120%;
}

.socialBar{
	position:absolute; top:0px; width:100%; height:10%;
	padding-top:20px;
	padding-right:20px;
	
}
.socialBar img{
	width:45px; 
	height:45px; 
}

.tien1{
	margin: 0 auto;
	height:100%;
	max-width:1163px;
	*border:1px solid #ff0000;
	position:relative;
}
.tien2{
	width:100%;
	height:100%;
}
.tien1 h1 {
	color:#ffffff;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.7);
	font-family: bebas;
	font-weight:0;
}
.tien1 h2 {
	color:#ffffff;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.7);
	font-family: bebas;
	font-weight:0;
}
.tien1 p {
	color:#ffffff;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.7);
}
.tien1b p {

}

.tien1 .noShadow{
	text-shadow: 0px 0px 0px rgba(0,0,0,0.0);
}
.tien1 .shadow{
	text-shadow: 0px 2px 1px rgba(0,0,0,0.7);
}
	  
.lineButton{
	border:1px solid #ffffff; color:#ffffff;padding:1% 6% 1% 6%;
	text-decoration:none;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}
	  
  @media (min-width: 800px) {
	  /* Bump up size of carousel content */
	  .tien1 h1 {
		font-size: 6.5vw;
		line-height: 100%;
	  }
	  .tien1 h2 {
		font-size: 3.23vw;
		line-height: 100%;
	  }
	  .tien1 p {
		font-size: 1.7vw;
		line-height: 100%;
	  }
		.tien1b p {
		font-size: 1.38vw;
		line-height: 100%;
		}
  }
  @media (max-width: 799px) {
	  /* Bump up size of carousel content */
	  .tien1 h1 {
		font-size: 52px;
		line-height: 100%;
	  }
	  .tien1 h2 {
		font-size: 26.25px;
		line-height: 100%;
	  }
	  .tien1 p {
		font-size: 13.6px;
		line-height: 100%;
	  }
	  .tien1b p {
		font-size: 11.2px;
		line-height: 100%;
	  }
  }
  @media (min-width: 1164px) {
	  /* Bump up size of carousel content */
	  .tien1 h1 {
		font-size: 75.6px;
		line-height: 100%;
	  }
	  .tien1 h2 {
		font-size: 37.8px;
		line-height: 100%;
	  }
	  .tien1 p {
		font-size: 19.85px;
		line-height: 100%;
	  }
	  .tien1b p {
		font-size: 16.15px;
		line-height: 100%;
	  }
  }

.Slide1Welcome{
  background: url(../images/x1.jpg?12) no-repeat center right; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position-x: 65%;
}

.Slide2Stop{
  background: url(../images/x2.jpg?12) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position-x: 55%;
}

.Slide3Pin{
  background: url(../images/x6.jpg?123) no-repeat center left; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position-x: 15%;
}

.Slide4Travel{
  background: url(../images/x4.jpg?12) no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position-x: 65%;
}

.Slide5Vacation{
  background: url(../images/x5.jpg?12) no-repeat top right; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position-x: 75%;
}

.Slide6Medical{
  background: url(../images/x8.jpg?12) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position-x: 75%;
}

.Slide7City{
  background: url(../images/Slide7City.jpg?12) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.Slide8Thank{
  background: url(../images/x7.jpg?12) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

  
  
  
  
  
  
  
  
  
  .socialBar2{
   text-align:right;
  }
  
  
/* SLIDE WORD POSITIONS */
  .slide1Position{
	position:absolute; width:43%; left:7%; top:15%;
  }
  .slide1CardPosition{
	position:absolute; width:38%; right:0%; top:16%;
  }
  .slide2Position{
	position:absolute; border:0px solid #ffffff; width:55%; left:7%; top:15%;
  }
  .slide3Position{
	position:absolute; border:0px solid #ffffff; width:43%; left:7%; top:35%;
  }
  .slide4Position{
	position:absolute; border:0px solid #ffffff; width:40%; left:7%; top:15%;
  }
  .slide5Position{
	position:absolute; border:0px solid #ffffff; width:40%; left:7%; top:6%;
  }
  .slide6Position{
	position:absolute; border:0px solid #ffffff; width:40%; left:7%; top:6%;
  }
  .slide7Position{
	position:absolute; border:0px solid #ffffff; width:45%; left:37%; top:10%;
  }
  .slide7PhonePosition{
	position:absolute; border:0px solid #ffffff; width:35%; min-width:120px;  left:0%; top:15%; text-align:right;
  }
  .slide8Position{
	position:absolute; border:0px solid #ffffff; width:70%; left:7%; top:42%;
  }