/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
body{ background-color:#fff; margin-bottom:50px;
 /* Location of the image */
  background-image: url(../img/index.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff;
}


@media(max-width:767px){
	 body#luton, body#cardiff {background-color: #222D4E;background-image: url(../img/index.jpg);background-position: center 50px;background-attachment: fixed;background-repeat: no-repeat;}
	 body#cardiff {background-image:url(../img/index.jpg);}
	.fill { background-position: center;}
}
@media(min-width:991px){
	 body#cardiff .offer{ margin-top:45%;}
	
}

@media (min-width: 768px) and (max-width: 991px){
	 body#luton, body#cardiff { background-color:#222D4E; background-image:urlurl(../img/index.jpg); background-position: center 50px; background-attachment:fixed;}
	 body#cardiff {background-image:urlurl(../img/index.jpg);}
	 .fill { background-position: center;}
}

.luton{background-color:#222D4E;}
.cardiff{background-color:#fff;}
.strapline{ float:right;}

.contentboxes {
	z-index: 1000;
	position: absolute;
	width: 100%;
	/*top: 10%;*/
	margin-left: auto;
	margin-right: auto;
	}

.offerImg{
		max-width:100%;
		max-height:100%;

}
.social{ margin-top:10px;}
.social:hover{opacity:0.5;}
	
#myCarousel {
	z-index: 50;
	
}


footer {
	width: 100%;
	position: fixed;
	bottom: -50px;
	z-index: 1000;
	background-color: #222D4E;
	box-shadow: 0px -2px 10px #000;
}


.footertext{ margin-top:20px; color:#CCCCCC;}
.logostrip{
	height: 80px;
	margin-bottom:70px;
}
.navbar-fixed-top {box-shadow: 0px 2px 10px #000;}

.heading{ font-family:Arial, Helvetica, sans-serif; font-weight:bolder; color:#222d4e; font-size:28px; text-transform:uppercase;}
.body, .terms{ font-family:Arial, Helvetica, sans-serif; color:#222d4e; font-size:14px; line-height:2em;}
.terms{ bottom:0; position:absolute;}
.leftfrm{
}
#myModal{ z-index:2000;}
.modal-vertical-centered {
transform: translate(0, 15%) !important;
-ms-transform: translate(0, 15%) !important; /* IE 9 */
-webkit-transform: translate(0, 15%) !important; /* Safari and Chrome */
}
.termsmodal{background: rgba(0, 0, 0, 0.5);}
.modal .modal-body {
    max-height: 420px;
    overflow-y: auto;
}
.extraMarginBottom {
	margin-bottom: 50px;
}
.please{ background-color:#222D4E; z-index:3000; margin:0px; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.white{background-color: rgba(255, 255, 255, 0.8); padding-top:20px; padding-bottom:20px;}
h2{ margin-bottom:30px;}