/* 

Stylesheet for ULIMOE LIMOUSINE, PRIVATE TRANSFER & SECURITY SERVICE IN NORTH AMERICA
   Developer: Katrina
   Page: Index page

   Main URL: http://www.ulimoe.com

*/

/* ################################# --- >>>> CSS TAGS START HERE <<<< --- ################################# */

html, body, .container {
  height: 100%;
}

/* Reset */
html, body, h1, p, a, div, section {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}

/* Basic */
body { 
  font: 18px/23px "Cantarell", sans-serif;
  color: #ffffff;
}

h1 {
  color: #efecec;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  margin-top: 20px;
}

a {
  color: #ffffff;
}

p {
  margin: 0 0 15px 0;
}

strong {
  font-weight: 700;
}

blockquote {
  display: block;
  max-width: 480px;
  margin: 15px auto;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.3);  
  color: #e1e1e1;
  font-family: "Kotta One", serif;
  font-size: 22px;
  line-height: 28px;
}

blockquote cite {
  display: block;
  font: 18px/23px "Cantarell", sans-serif;
  font-size: 16px;
  margin-top: 16px;
  color: #cccccc;
  text-transform: uppercase;
}

/* Responsive Full Background Image Using CSS */
body {
  /* Location of the image */
  background-image: url('../images/limousine-corporate-services-nob.jpg');
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#464646;
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url('../images/limousine-services-nob.jpg');
  }

  #UBttnwrap {
	display: none;
  }

}

@media only screen and (max-width: 1000px) {

  #UBttnwrap {
	display: none;
  }
}


/* ################################# --- >>>> CSS TAGS END HERE <<<< --- ################################# */









/* #################################### --- >>>> CSS ID TAGS <<<< --- #################################### */

#Btopnav {
	/*margin: 0px auto;
	text-align: center;*/
	width: 35%;
	/*border: 1px solid red;*/
}

#UFB a {
	background: transparent url('../images/limousine-facebook.png') no-repeat 0 0;
	text-indent: -10000px;
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 9999;
	/*border: 1px solid red;*/
}

#UFB a:hover {
	background: transparent url('../images/limousine-facebook-hover.png') no-repeat 0 0;
}

#UTwitter a {
	background: transparent url('../images/limousine-twitter.png') no-repeat 0 0;
	text-indent: -10000px;	
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid red;*/
}

#UTwitter a:hover {
	background: transparent url('../images/limousine-twitter-hover.png') no-repeat 0 0;
}

#UGplus a {
	background: transparent url('../images/limousine-googleplus.png') no-repeat 0 0;
	text-indent: -10000px;	
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid red;*/
}

#UGplus a:hover {
	background: transparent url('../images/limousine-googleplus-hover.png') no-repeat 0 0;
}

#ULIMOE {
	width: 100%;
	text-align: center;
	/*border: 1px solid red;*/
}

#UBttnwrap {
	position: fixed;
	left: 4%;
	bottom: 2%;
	width: 30%;
	margin: 0px;
	padding: 0px;
	/*background-color: rgba(0, 0, 0, 0.50);
	border-radius: 8px;
	border: 1px solid red;*/
}

#UBttn {
	text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    text-align: -ms-center;
	margin: 0 auto;
	width: 100%;
	height: 30%;
	position: relative;
	display: block;
	padding: 0px;
	float: left;
	/*border: 1px solid yellow;*/
}


#UEnter {
	width: 286px;
	height: 125px;
	/*border: 1px solid red;*/
}

#UReserve {
	width: 205px;
	height: 124px;
	/*border: 1px solid yellow;*/
}

/* ################################# --- >>>> CSS ID TAGS END HERE<<<< --- ################################# */











/* #################################### --- >>>> CSS CLASS TAGS <<<< --- #################################### */

.navbar {
  width: 100%;
  /*background-color: rgba(0, 0, 0, 0.10);*/
  height: 40px;
  z-index: 9999;
  position: fixed;
  left: 4%;
  /*border: 1px solid red;*/
}

  .inner {
    position: relative;
    margin: 0 auto;
    text-align: center;
 }

.navbar a {
  display: inline-block;
  border: 1px solid #fff;
  font-size: 28px;
  font-weight: bold;
  line-height: 24px;
  border-radius: 4px;
  padding: 10px 18px 10px 18px;
  background-color: rgba(180, 0, 0, 0.9);
  text-decoration: none;
  margin-top: 5px;
  margin-right: 15px;
  min-width: 170px;
  font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  text-transform: uppercase;
  float: left;
}

.BWrap {
	text-align: center;
	position: absolute;
	bottom: 0px;
	/*border: 1px solid yellow;*/
}

.UCont {
    text-align: -moz-center;
    text-align: -webkit-center;
    text-align: -ms-center;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	position: fixed;
	/*background: rgba(45, 45, 45, 0.20);
	box-shadow: 0px 25px 25px #6d6464;
	border-top: 1px solid #141414;
	border: 1px solid red;*/
}

.UCont2 {
    text-align: -moz-center;
    text-align: -webkit-center;
    text-align: -ms-center;
	margin: 0px auto;
	width: 100%;
	background: rgba(45, 45, 45, 0.70);
	box-shadow: 0px 25px 0px #6d6464;
	border-top: 1px solid #2c2c2c;
	padding-bottom: 0px;
	/*border: 1px solid red;*/
}

.USocial {
	margin: 0 auto;
	padding: 0px 1px 1px 1px;
	text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    text-align: -ms-center;
	/*border: 1px solid red;*/
}

ul.USoclist {
	width: 145px;
	min-height: 35px;
	/*border: 1px solid white;*/
}

ul.USoclist li {
	float: left;
	display: inline;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	list-style-type: none;
	list-style-image: none;
	/*border: 1px solid yellow;*/
}

.UFooter {
	font-size: 8pt;
	font-family: Verdana, Geneva, sans-serif;
	color: #ced2d2;
}

.Uh1 {
	top: 0px;
	color: #ced2d2;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	margin: auto;
}

.Uh1 a {
	font-style: none;
	text-decoration: none;
    color: #ced2d2;
	/*border: 1px solid red;*/
}

.Uh1 a:hover {
    color: #49b0fe;
}

.Uh2 {
	top: 13px;
	color: #ced2d2;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal;
	margin: auto;
}

a.UEnter {
	background: transparent url('../images/limousine-enter.png') no-repeat 0 0;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	text-indent: -1000000px;
	/*border: 1px solid red;*/
}

a.UReserve {
	background: transparent url('../images/limousine-reservation-booking.png') no-repeat 0 0;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	text-indent: -1000000px;
}

/* ################################ --- >>>> CSS CLASS TAGS END HERE<<<< --- ################################ */