@import url("sahmat.css") print;
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */


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

.navbar{ margin-bottom:0;}
/* 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;
}


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

/* Carousel base class */
.carousel {
  position:absolute;
  height: 100%;
  width:100%;
  left:0;
  top:0;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  top: 60vh;
  background: rgba(255,255,255,.6);
  text-align:left;
  display:inline-block;
  width:40%;
  min-height:9em;
  max-height:13em;
  text-shadow:none;
  left:inherit !important;
  right:inherit !important;
}
.carousel-caption h2 {
  font-size:1em !important;
  padding:0.75em 0.61em;
  margin:0;
  background:#e0e0e0;
  display:inline-block;
  width:100%;
  position:absolute;
  top:0; 
  text-indent:0;
  left:0;
  color:#222;
  font-weight:600;
  font-family:open sans,sans-serif;
  letter-spacing:-.3px;
}
.carousel-caption a{ position:absolute; right:0; top:0; background:#e00000; padding:.61em; font:1.05em Open Sans,sans-serif; color:#fff; letter-spacing:-.1px; text-decoration:none}
.carousel-desc{ margin-top:2.2em; vertical-align:top; padding:0.1em .61em;  color:#222; font:1em arial,sans-serif; line-height:1.6em; }
.carousel .tam {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    /* border: 70px solid #fff; */
    /* border-top: 0; */
    /* border-bottom: 20px solid #fff; */
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 100vh;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100vh;
}

.carousel-indicators{ bottom:1vh !important; }




.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
	
.transition(.6s ease-in-out);
}
.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;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.carousel {
    z-index: -99;
}
.carousel .item {
    position: fixed;
    width: 100%;
    height: 100%;
}
.title {
  text-align: center;
  margin-top: 20px;
  padding: 10px;
  text-shadow: 2px 2px #000;
  color: #FFF;
}