.gray {
  padding: 4.5rem 0;
  background-color: #e9eced;
}

.flex-block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
}

.gallery {
  position: relative;
  background-color: #e9eced;
}

.gallery .trapeze-gallery-bg {
  position: absolute;
  top: 0px;
  left: -17%;
  width: 70%;
  height: 100%;
  background-color: #e9eced;
  -webkit-transform: skewX(-7deg);
  -moz-transform: skewX(-7deg);
  -ms-transform: skewX(-7deg);
  -o-transform: skewX(-7deg);
  transform: skewX(-7deg);
  z-index: 5;
}

.gallery-content {
  position: relative;
  float: left;
  width: 50%;
  height: 37rem;
  padding: 3rem 15px;
  text-align: left;
  z-index: 5;
}

.gallery-content h2 {
  text-align: left;
}

.gallery-content .gallery-tagline {
  position: absolute;
  left: 0;
  bottom: -6rem;
  padding: 0;
  z-index: 0;
}

.gallery-content .gallery-tagline span {
  font-size: 8rem;
  line-height: 8rem;
  text-transform: uppercase;
  font-family: Montserrat,Arial,sans-serif !important;
  font-weight: 700;
  color: #f9fcfd;
  opacity: 1;
  cursor: default;
}

.gallery-img {
  position: absolute;
  float: right;
  width: 50%;
  right: 0;
  height: 50rem;
  background: #e9eced;
  padding: 0;
}

.gallery-img .slider {
  position: relative;
  width: 100%;
  height: 100% !important;
  margin: 0;
  padding: 0;
  background-color: #e9eced;
  overflow: hidden;
  z-index: 1;
}

.gallery-img .slider .slides {
  height: 100% !important;
}

.gallery-img .slider .slides li {
  width: 100%;
  height: 100% !important;
  margin: 0;
  padding: 0;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.gallery-img .slider .slider-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #333e50;
  opacity: 0.4;
  z-index: 5;
}

.gallery-img .slider .flex-caption {
  position: absolute;
  font-family: Montserrat,Arial,sans-serif !important;
  left: 7.5rem;
  top: 4.5rem;
   margin: 0 0 2rem 2rem;
  color: #ffffff;
  z-index: 100;
}

.gallery-img .slider .flex-caption h3 {
  font-size: 4rem;
  font-family: Montserrat,Arial,sans-serif !important;
  color: #ffffff;
  line-height: 4rem;
  margin: 0 0 2rem 2rem;
  font-weight: 700;
  text-transform: uppercase;
}

.gallery-img .slider .flex-caption p {
  max-width: 50%;
}

.gallery-img .slider .flex-direction-nav {
  position: absolute;
  bottom: 1.5rem;
  left: 3rem;
  width: 6rem;
  height: 3rem;
  z-index: 10;
}

.gallery-img .slider .flex-direction-nav a {
  width: 3rem;
  height: 3rem;
  top: 0;
  margin: 0;
  text-align: center;
  overflow: visible;
}

.gallery-img .slider .flex-direction-nav a:before {
  font-family: "Pe-icon-7-stroke";
  font-size: 2.441rem;
  line-height: 3rem;
}

.gallery-img .slider .flex-direction-nav .flex-prev, .gallery-img .slider .flex-direction-nav .flex-next {
  opacity: 1;
}

.gallery-img .slider .flex-direction-nav .flex-prev {
  left: 0;
}

.gallery-img .slider .flex-direction-nav .flex-prev:before {
 font-family: FontAwesome;
 content: '\f104';
}

.gallery-img .slider .flex-direction-nav .flex-next {
  right: 0;
}

.gallery-img .slider .flex-direction-nav .flex-next:before {
 font-family: FontAwesome;
  content: '\f105';
}


@media (max-width: 992px) {
  .gallery
  {
  padding: 0;
  }
   .trapeze-gallery-bg {
    display: none;
  }
  .gallery-content {
    width: 100%;
  }
  .gallery-img {
    position: relative;
    float: left;
    width: 100%;
	height:500px;	
	
	
  }
  .gallery-content .gallery-tagline {
  bottom: 0rem;
}
  .gallery-img .slider {
    width: auto;
    margin-left: calc(-100vw/2 + 735px/2);
    margin-right: calc(-100vw/2 + 735px/2);
  }
  .gallery-img .slider .flex-direction-nav {
    left: 6rem;
  }
}
@media (max-width: 767px) {
	.gallery-img {
	height:350px;
	}
   .gallery-img .slider { 
    margin-left: 0;
    margin-right: 0;

  }
  .gallery-img .slider .flex-caption {
    left: 3rem;
  }
  .gallery-img .slider .flex-direction-nav {
    left: 3rem;
  }
  .gallery-tagline {
  display: none;
  }
}
@media (max-width: 610px) {

  .infoimg{ display: none !important; }

  .header-form input {
    width: 50%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .gallery-img .slider .flex-caption h3 {
    font-size: 1.563rem;
    line-height: 1.5rem;
  }
  .gallery-img .slider .flex-caption p {
    max-width: 100%;
    padding-right: 15px;
  }
}