@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:320px) and (max-width:767px)
{
button[type="submit"] {
  /*   margin-bottom: 5%; */
    margin-right: 0;
}
.bs-example.col-md-4.col-sm-8 {
    margin: 0px auto;
 float:inherit;
}
.container.order-bg
{
    height:250px;
    margin-top: 100px;
 display:table;
}
form.form {
    float: inherit;
}
.btn.btn-danger.col-xs-12 {
    margin-top: 5%;
}
.btn.btn-danger.col-xs-12:first-child {
    margin-top: 0%;
}
/* button[type="reset"]
{
 margin-top:5%;

} */
}
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
.captionblock {
	/*background:#e4e5e5;
	 filter: alpha(opacity=60);
  opacity: 0.6;*/
  position:absolute;
  width:100%;
  left:0%;
  top:33%;
  color:#000;
  text-shadow:none;
  text-align:left;
  padding-left:29px;
  padding-bottom:23px;
	}
.captionblock p{
	/*filter: alpha(opacity=100);*/
	 opacity: 1;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 18px 0 0 0;
}
.captionblock h2{
	/*filter: alpha(opacity=100);*/
	 opacity: 1;
    font-size: 17px;
    font-weight: 500;
    margin: 0;
    padding:0;
    text-align: left;
}
.captionblock span{
	/*filter: alpha(opacity=100);*/
	 opacity: 1;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
	padding:0;
}
@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);
    }
}
@media only screen and (min-width:320px) and (max-width:767px)
{
.carousel-indicators {
    left: 10% !important;
    list-style: outside none none;
    margin-left: -30%;
    padding-left: 0;
    text-align: center;
    top: 77%;
    width: 60%;
    z-index: 155px;
	margin-bottom:0;
}
.carousel-caption
{
	padding-bottom: 0 !important;
}
}