/* Intro Image */
#heroimage{
  width:100%;
  height:100%;
}
@media (max-width:767px) {
  #heroimage{
    height: 70%;
  }
}
@media (max-width:991px) {
  #heroimage{
    height: 80%;
  }
}
#heroimage{   
  background:url('../image/index/NUI_3387.jpg') center center;
  background-color: #fff;
  background-size: cover;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
}
#heroimage {
	margin-bottom: 30px;
}
@media(min-width:768px){
  #heroimage {
    margin-bottom: 60px;
  }
}
@media(min-width:992px){
	#heroimage {
		margin-bottom: 70px;
	}
}
.outside-wrapper {
  position: relative;
  height: 100%;
}
.inner-wrapper {
  position: absolute;
  bottom: 90px;
  width: 100%;
}
@media(min-width:768px){
  .inner-wrapper {
    
  }
}
.inner-wrapper p {
  color: #fff;
  font-size: 24px;
  font-family: 'open_sanssemibold_italic', sans-serif;
  letter-spacing: .5px;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}
@media(min-width:768px) {
  .inner-wrapper p {
    font-size: 32px;
  }
}

/* Intro Qoute */
@media (min-width:1200px){
  .intro-quote .visible-lg .col-lg-2 {
    width: 23.666667%;
  }
  .intro-quote .visible-lg .col-lg-8 {
    width: 52.666667%;
  }
}
@media (min-width:992px){
  .intro-quote {
    margin-bottom: 40px;
  }
  .intro-quote .col-sm-2 {
    width: 17.666667%;
  }
  .intro-quote .col-sm-8 {
    width: 63.666667%;
  }
}

/* Section 1 */
.section-1 {
  margin-bottom: 50px;
}
div.section-1 img.visible-sm {
  margin-top: 30px;
}
@media(min-width:992px){
  div.section-1 img.visible-md {
    margin-top: 120px;
  }
}
@media(min-width:1200px){
  div.section-1 img.visible-md {
    margin-top: 83px;
  }
}

/* Section 2 */
.section-2 {
  margin-bottom: 50px;
}
@media(min-width:992px){
  .section-2 {
    margin-top: 105px;
  }
  .fluid-carousel {
    margin-top: 35px;
    margin-bottom: 50px;
  }
}

/* Carousel */
.slick-slide {
  margin: 10px 10px;
}
.slick-slide:focus {
  outline: none;
}
.slick-slide a, .slick-slide a:focus {
  color: transparent;
  outline: none;
}
@media (min-width:769px){
  .slick-slide a img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  .slick-slide a img:hover {
    opacity: .5;
  }
}
@media (max-width: 468px){
  .slick-slide img {
    width: 100%;
  }
}
.slick-lightbox .slick-prev {
  z-index: 1;
}
.slick-lightbox .slick-prev, .slick-lightbox .slick-next {
  width: 50px;
  height: 50px;
}