/* ===========================================================================
    ==========================================================================
    Carousel.css for future,html 
    =========================================================================
    ============================================================================*/

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

html, body {
height:100%;
margin:0;
padding:0;
}

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

.carousel-inner {
height:100%;
}

.carousel {
margin-bottom: 0px;
}

.carousel-caption {
z-index: 100;
}

/*.carousel .item {
background-color: #777;
}*/

.carousel .carousel-inner .bg {
background-repeat:no-repeat;
background-size:cover;
-ms-behavior: url(/backgroundsize.min.htc); /* IE8 Background Fix MDK */
}
/*.carousel .carousel-inner .bg1 {
background-image:url(../img/penangle.jpg);
background-position: center top;
}*/
.carousel .carousel-inner .bg2 {
background-image:url(../img/magpie.jpg);
background-position: center center;
}
/*.carousel .carousel-inner .bg3 {
background-image:url(../img/cathedral2.jpg);
background-position: center bottom;
}*/

/* For IE8 front Page */
.carousel .carousel-inner .bg4 {
background-image:url(../img/catyawn.jpg);
background-position: center center;
}

/* For IE8 front Page */
.carousel .carousel-inner .bg5 {
background-image:url(../img/dove.jpg);
background-position: center center;
}

/* For IE8 front Page */
.carousel .carousel-inner .bg6 {
background-image:url(../img/budgie.jpg);
background-position: center center;
}

/* For IE8 front Page */
.carousel .carousel-inner .bg7 {
background-image:url(../img/otherdove.jpg);
background-position: center center;
}

/* For IE8 front Page */
.carousel .carousel-inner .bg8 {
background-image:url(../img/cathedral.jpg);
background-position: center center;
}

/* For IE8 front Page */
.carousel .carousel-inner .bg9 {
background-image:url(../img/penangle.jpg);
background-position: center center;
}

/* 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: 65px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 200;
  line-height: 1;
  letter-spacing: -1px;
  margin-top: 75px; /* MDK */
}

.carousel-caption1 {
  position: absolute;
  right: 15%;
  bottom: 50px;
  left: 10%;
  z-index: 10;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

/* RESPONSIVE CSS -------------------------------------------------- */

@media (min-width: 768px) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 35px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 40px;
  }

}

/* iPad Size Landscape ============================================================= */
/*@media only screen and (min-device-width: 481px) and (max-device-width: 1024px)*/

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    .carousel .carousel-inner .bg2 {
        background-image: url(../img/magpiemedium.jpg);
        background-position: center center;
    }

    .videosub {
        display: table;
        width: 100%;
        height: auto;
        padding: 240px 0;
        text-align: center;
        color: #fff;
        background: url(../img/catyawn.jpg) no-repeat bottom center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -ms-behavior: url(/backgroundsize.min.htc);
        -o-background-size: cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/catyawn.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/catyawn.jpg', sizingMethod='scale')";
    }
}

/* iPad Size Portrait ============================================================= */
/*@media only screen and (min-device-width: 481px) and (max-device-width: 1024px)*/

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .carousel .carousel-inner .bg2 {
        background-image: url(../img/magpiemedium.jpg);
        background-position: center center;
    }

    .videosub {
        display: table;
        width: 100%;
        height: auto;
        padding: 240px 0;
        text-align: center;
        color: #fff;
        background: url(../img/catyawn.jpg) no-repeat bottom center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -ms-behavior: url(/backgroundsize.min.htc);
        -o-background-size: cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/catyawn.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/catyawn.jpg', sizingMethod='scale')";
    }
}

/* iPhone Size ============================================================= */

@media only screen and (min-device-width: 0px) and (max-device-width: 480px) {
   .carousel .carousel-inner .bg2 {
    background-image:url(../img/magpiemedium.jpg);
    background-position: center center;
    }

    .carousel-caption1 {
    right: 20%;
    left: 20%;
    padding-bottom: 10px;
    padding-top: 75px;
    }
} /* END OF Carousel.css */