/*  Website Banner  */

.banner {
  display: table;
  left: 0px;
  right: 0px;
  width: 100%;
	height: 580px;
  background-color: #B8B8B8;
	overflow: hidden;
  background-image: url('../images/slide_1.png');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* SECTION - TOP SLIDE SHOW */
.slideshow {
  width: 100%;
}
.slideshow-container {
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  width: 100%;
  overflow: hidden;
  height: 600px;
  image-orientation: center;
  text-align: center;
  background-color: #B8B8B8;
  z-index: 2;
}

.topslideshow {
  display: table;
  width: 100%;
  height: 600px;
  background-image: url('');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  z-index: 2;
}

/*  Body Div for Inside Body  */

.welcome {
  display: table;
  left: 0px;
  right: 0px;
  width: 100%;
	padding-top: 20px;
  padding-bottom: 20px;
}

/* LOCATE PHOTOS STYLING */
.findyourpictures {
  position: relative;
  top: 175px;
  left: 0;
  right: 0;
  text-align: center;
  vertical-align: middle;
  z-index: 5;
}

.bottom_fyp_parallax {
  display: table;
  width: 100%;
  height: 600px;
  background-image: url('/assets/img/pti_photos/jed/portfolio/bottom_parallax.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

/* First Container of Text 90% width */

.all_customer_container {
  position: table;
  width: 90%;
  margin: 0 auto;
}
.customer_field {
  position: relative;
  padding: 5px;
  padding-right: 25px;
  width: 100%;
  height: 100%;
}

/* CALL TO ACTION BUTTONS
Call to Action # 1 */

.headercallwrap {
  display: table;
  left: 0px;
  right: 0px;
  width: 100%;
  background-color: #95202F;
  color: #fff;
  font-size: 32px;
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.headercallcontainer {
  display: table-row;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}
.headercalltext {
  display: table-cell;
  line-height: 50px;
  font-size: 32px;
  width: 60%;
}
.headercallbutton {
  display: table-cell;
  line-height: 50px;
  font-size: 32px;
  width: 40%;
}

/* Call To Action # 2 */

.calltoactionwrapper2 {
  display: table;
  left: 0px;
  right: 0px;
  width: 100%;
  background-color: #95202F;
  color: #fff;
  font-size: 32px;
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.callcontainer2 {
  display: table-row;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}
.calltext2 {
  display: table-cell;
  line-height: 50px;
  font-size: 32px;
  width: 60%;
}
.callbutton2 {
  display: table-cell;
  line-height: 50px;
  font-size: 32px;
  width: 40%;
}

/* SECTION TESTIMONIALS */

.testimonialscontainer {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 0 auto;
  width: 100%;
}
#testimonials {
  width: 100%;
  /*margin-bottom: 20px;*/
}
#testimonials h2 {
  display: block;
  text-align: center;
  font-weight: bold;
  color: black;
  margin-bottom: 3px;
}

#testimonials .carousel-wrap {
  display: block;
  width: 625px;
  margin: 0 auto;
  overflow: hidden;
}

#testimonials .carousel-nav {
  display: block;
  text-align: center;
  width: 625px;
  margin: 0 auto;
}
#testimonials .carousel-nav i {
  cursor: pointer;
  width: 25px;
  height: 25px;
}
#testimonials .carousel-nav i:active {
  position: relative;
  top: 1px;
}
#nxt-testimonial {
  float: right;
}
#prv-testimonial {
  float: left;
}

#testimonials .carousel-wrap ul {
  display: block;
  list-style: none;
  position: relative;
}
#testimonials .carousel-wrap ul li {
  position: relative;
  float: left;
  width: 600px;
  left: -15px;
  margin: 0 auto;
}

#testimonials .carousel-wrap .context {
  font-size: 2.0em;
  color: darkgray;
  line-height: 1.45em;
  color: #797670;
  font-style: italic;
  left: 0px;
  margin-bottom: 6px;
  margin-left: 0px;
  padding-bottom: 4px;
  border-bottom: 1px solid #dcdcdc;
}

#testimonials a {
  color: maroon;
}

#testimonials a:hover {
  color: red;
}

#testimonials a:visited {
  color: #333;
}

/* SECTION - ABOUT US */

.about-container {
  display: table;
  left: 0px;
  right: 0px;
  width: 100%;
  background-color: #E8E8E8;
  overflow: hidden;
}
.about {
  position: relative;
  width: 80%;
  margin: 0 auto;
  padding-bottom: 35px;
}
.abouttext {
  display: table-cell;
  margin: 10px;
  margin-top: 20px;
  padding-right: 20px;
  vertical-align: top;
  width: 65%;
}
.aboutimage {
  display: table-cell;
  background-color: #ffffff;
  margin: 25px;
  text-align: center;
  vertical-align: middle;
  padding: 25px;
  line-height: 50px;
  font-size: 32px;
  width: 100%;
  max-width: 500px;
}
.aboutimage img {
  max-width: 475px;
}

/* SECTION - HOME GALLERY */
.gallery-wrapper {
  display: table;
  width: 100%;
  left: 0px;
  right: 0px;
  background-color: white;
  margin-bottom: 20px;
  overflow: hidden;
}
.gallery-container {
  display: table-row;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.gallery {
  display: table;
  margin: 0 auto;
  padding-bottom: 20px;
}
.gallery1 {
  display: table-row;
  align-items: center;
}
.gallery2 {
  display: table-row;
  align-items: center;
}
.imgWrap {
  display: table-cell;
  height: 200px;
  width: 257px;
}
.imgDescription {
  position: relative;
  top: -200px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: rgba(29, 106, 154, 0.72);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility opacity 1s;
  z-index: 2;
}

.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
  transition: 1s;
}

/* CONTACT US SECTION */

.contactus-section {
  display: table;
  left: 0px;
  right: 0px;
  width: 100%;
  background-color: #E8E8E8;
  overflow: hidden;
}

.connect {
  display: table;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  vertical-align: top;
  background-color: #E8E8E8;
}
.connect-form {
  display: table-cell;
  width: 500px;
  padding-top: 25px;
}
.connect-content {
  display: table-cell;
  width: 100%;
  padding: 20px;
}

.services {
  position: relative;
  width: 100%;
  padding-top: 25px;
  margin: 0 auto;
  background-color: #333;
}
.service {
  width: 100%;
  height: 350px;
  text-align: center;
  vertical-align: top;
  opacity: .6;
  transition: 2s;
  overflow: hidden;
}
.service:hover {
  opacity: 1;
  transform: scale(1.04);
  transition: 2s;
}
.multi-item-carousel{
  background-color: #eeeeee;
  width: 100%;
  box-shadow: 2px 2px 6px 3px #333;
    }
.carousel-inner {
 > .item {
   -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
   transition: width 2s, height 2s, background-color 2s, transform 2s;

  }
}
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
@media all and (transform-3d), (-webkit-transform-3d) {
  > .item{
    transition: 2s ease-in-out left;
    transition: 2s ease-in-out all;
    backface-visibility: visible;
    transform: none!important;
  }
}


  .carouse-control{
    &.left, &.right {
      background-image: none;
    }
  }



/* Register SECTION */

.register-section {
  display: table;
  left: 0px;
  right: 0px;
  width: 100%;
  background-color: #E8E8E8;
  overflow: hidden;
}

.register {
  display: table;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  vertical-align: top;
  background-color: #E8E8E8;
}
.register-form {
  display: table-cell;
  width: 500px;
  padding: 25px;
}
.register-content {
  display: table-cell;
  width: 100%;
  padding: 20px;
}


.signin-section {
    display: table;
    width: 100%;
    height: 600px;
    text-align: center;
}