@charset "UTF-8";
#alert-holiday {
    display: none;
}
#main-nav.sticky {
  display: none;
}
.mx-150-top-banner {
  background-color: #1b2935;
  background-image: url("/assets/application/img/highlights-banner.jpg");
  background-size: auto 100%;
  background-attachment: local;
}
.mx-150-top-banner h1 {
  color: #fff;
}
/*section diagonal*/
section {
  padding: 10.8em 0 10px;
  position: relative;
}
section.equal-section {
  padding: 3em 0;
}
section.first-section {
  padding: 3em 0 10px;
}
section.last-section {
  padding: 8em 0 3em;
}
section:after {
  content: "";
  position: absolute;
  bottom: -84px;
  left: 0;
  width: 100%;
  height: 220px;
  transform: skewY(-2.5deg);
  z-index: 5;
  background-color: #fff;
}
section.last-section:after, section.equal-section:after {
  display: none;
}
section .container {
  position: relative;
  z-index: 10;
}
section.teal-grey:before, section.teal-grey:after {
  background-color: #e3ecf1;
}
section.grey:before, section.grey:after {
  background-color: #f2f2f2;
}
section.mgrey:before, section.mgrey:after {
  background-color: #eaeff1;
}
section.dark:before, section.dark:after {
  background-color: #1b2935;
}
section.teal:before, section.teal:after {
  background-color: #1d6b70;
}
section.blue:before, section.blue:after {
  background-color: #174771;
}
section.light-teal:before, section.light-teal:after {
  background-color: #64CCC9;
}
/*author*/
.author150 {
  border-left: 4px solid #7E97A3;
  padding-left: 12px;
  font-size: .9em;
  line-height: 1.15em;
  margin-top: 3.5em;
}
.author150 p {
  margin-bottom: .4em;
}
/*Photo*/
.mx150-photo {
  padding: 3.5em 5px 5px;
}
.mx150-photo img {
  border: 10px solid #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
/*carousel*/
#gallery .carousel {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#gallery .carousel-indicators {
	bottom: auto;
	top:690px;
	text-align: center;
	display:block;
	margin-left:0;
	margin-right:0;
	cursor: pointer;
}
#gallery .carousel-indicators li {
  width: 48px;
  height: 48px;
  text-indent: 0;
	background-color: transparent!important;
	flex:none;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	display: inline-block;
}
#gallery .carousel-indicators .active{
	background-color: transparent!important;
}
#gallery .carousel-inner {
  height: 800px;
  text-align: center;
}
#gallery .carousel-item {
  height: 800px;
}
#gallery .carousel-item .image-mask {
  height: 580px;
  overflow: hidden;
}
#gallery .carousel-item .image-mask img {
  object-position: 50% 50%;
	width:auto;
	height: 580px;
}
#gallery .carousel-caption {
  bottom: auto;
  top: 570px;
  width: 100%;
  height: 80px;
  left: 0;
  right: 0;
  color: #1b2935;
}
#gallery .carousel-caption p{
	font-size: 12px;
	line-height: 1.2em;
	margin-bottom:.65em;
}
#gallery .carousel-caption p.small{
	font-size: 11px;
}
@media (max-width: 1199.98px) {
  #gallery .carousel-inner {
    height: 500px;
  }
	#gallery .carousel-indicators{
		top:480px;
	}
	#gallery .carousel-indicators li {
		width: 32px;
		height: 32px;
		margin-right: 2px;
		margin-left: 2px;
	}
  #gallery .carousel-item {
    height: 5000px;
  }
  #gallery .carousel-item .image-mask {
    height: 380px;
  }
	#gallery .carousel-item .image-mask img{
		height: 380px;
	}
  #gallery .carousel-caption {
    top: 370px;
  }
}
@media (max-width: 991.98px) {

}
@media (max-width: 768px) {
	#gallery .carousel-indicators{
		top:450px;
	}
	#gallery .carousel-indicators li {
		width: 24px;
		height: 24px;
	}
  #gallery .carousel-inner {
    height: 465px;
  }
  #gallery .carousel-item {
    height: 465px;
  }
  #gallery .carousel-item .image-mask {
    height: 340px;
  }
	#gallery .carousel-item .image-mask img{
		height: 340px;
	}
  #gallery .carousel-caption {
    top: 330px;
  }
}
@media (max-width: 576px) {
	#gallery .carousel{
		margin-bottom:0;
		padding-bottom: 0;
	}
  #gallery .carousel-inner {
    height: 320px;
  }
  #gallery .carousel-item {
    height: 320px;
  }
  #gallery .carousel-item .image-mask {
    height: 200px;
  }
	#gallery .carousel-item .image-mask img{
		height: 200px;
	}
  #gallery .carousel-caption {
    top: 190px;
	  font-size: 14px!important;
  }
  #gallery .carousel-caption h5{
    font-size: 1.12em;
  }
	#gallery .carousel-indicators{
		display: none;
	}
}
#gallery .carousel-control-next, #gallery .carousel-control-prev {
  background-color: transparent;
  border: 0;
  height: calc(100% - 110px);
}
#gallery .carousel-control-next:hover, #gallery .carousel-control-prev:hover, #gallery .carousel-control-next:active, #gallery .carousel-control-prev:active {
  background-color: transparent;
}
#gallery .carousel-control-next-icon, #gallery .carousel-control-prev-icon {
	width: 40px;
	height: 40px;
	background-size: 20px 20px;
	color:#1b2935;
	background-color: rgba(29, 107, 112, .75);
}
#gallery .carousel-control-next-icon:hover, #gallery .carousel-control-prev-icon:hover, #gallery .carousel-control-next:hover .carousel-control-next, #gallery .carousel-control-prev:hover .carousel-control-prev-icon, #gallery .carousel-control-next:active .carousel-control-next, #gallery .carousel-control-prev:active .carousel-control-prev-icon {
	background-color: rgba(29, 107, 112, 1);
}
#gallery .carousel-indicators img {
  border: 2px solid #fff;
  opacity: .6;
  transition: all .2s;
}
#gallery .carousel-indicators .active img {
  border: 2px solid #309299;
  transform: scale(1.12);
  opacity: 1;
}

/*light box*/
.lb-outerContainer{
	height: 100%!important;
}
.lb-data .lb-close{
	position: absolute;
	top:-20px;
	right:25px;
	float: none;
}

/*slider*/
.carousel.mx-slider{
	padding-bottom:10px;
}
.carousel.mx-slider .carousel-indicators{
	bottom:-30px;
}
.carousel.mx-slider .carousel-indicators li{
	background-color:#bbb;
}
.carousel.mx-slider .carousel-indicators .active{
	background-color:#1D6B70;
}
.carousel.mx-slider .carousel-control-next, .carousel.mx-slider .carousel-control-prev{
	background:transparent!important;
	border: none!important;
	width:60px;
	opacity: .25;
}
.carousel.mx-slider .carousel-control-next:hover, .carousel.mx-slider .carousel-control-prev:hover{
	opacity: 1;
}
.carousel.mx-slider .carousel-control-prev{
	left:-20px;
}
.carousel.mx-slider .carousel-control-next{
	right:-20px;
}
.carousel.mx-slider .carousel-control-next-icon, .carousel.mx-slider .carousel-control-prev-icon {
  width: 40px;
  height: 40px;
  background-size: 20px 20px;
  background-color: rgba(0, 0, 0, .3);
	transition: all .3s;
}
.carousel.mx-slider .carousel-control-next-icon:hover, .carousel.mx-slider .carousel-control-prev-icon:hover {
  background-color: rgba(0, 0, 0, 1);
}