@-webkit-keyframes photo-slider-slide-left {  from {
 left: 100%;
}
to { left: 0; }
}
@keyframes photo-slider-slide-left {  from {
 left: 100%;
}
to { left: 0; }
}
@-webkit-keyframes photo-slider-slide-right {  from {
 left: -100%;
}
to { left: 0; }
}
@keyframes photo-slider-slide-right {  from {
 left: -100%;
}
to { left: 0; }
}
.field-name-field-carousel-slides > .field-items { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.field-name-field-carousel-slides .nav-button { display: none; width: 44px; height: 44px; border-radius: 22px; margin-top: -22px; position: absolute; top: 50%; z-index: 8; background-color: white; cursor: pointer; line-height: 44px; color: #275faa; font-family: "FontAwesome"; font-size: 41px; text-align: center; }
.field-name-field-carousel-slides .nav-button.prev { left: -22px; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.field-name-field-carousel-slides .nav-button.prev:after { content: "\f144"; }
.field-name-field-carousel-slides .nav-button.next { right: -22px; }
.field-name-field-carousel-slides .nav-button.next:after { content: "\f144"; }
.field-name-field-carousel-slides:hover .nav-button { display: block; }
.field-name-field-carousel-slides .group-photo-slide { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; z-index: 1; }
.field-name-field-carousel-slides .group-photo-slide.active { z-index: 10; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; }
.field-name-field-carousel-slides .group-photo-slide.active.left { -webkit-animation-name: photo-slider-slide-left; animation-name: photo-slider-slide-left; }
.field-name-field-carousel-slides .group-photo-slide.active.right { -webkit-animation-name: photo-slider-slide-right; animation-name: photo-slider-slide-right; }
.field-name-field-carousel-slides .group-photo-slide img { width: 100%; height: 100%; }
.field-name-field-carousel-slides .group-photo-slide:before,
.field-name-field-carousel-slides .group-photo-slide:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 0; height: 150px; background: linear-gradient(to bottom, transparent, black); }
.field-name-field-carousel-slides .group-slide-overlay { position: absolute; bottom: 0; z-index: 1; padding: 20px; color: white; }
.field-name-field-carousel-slides .group-slide-overlay a { color: white; }
.field-name-field-carousel-slides .field-name-field-title { font-weight: bold; font-size: 28px; text-transform: uppercase; }
.field-name-field-carousel-slides .field-name-field-slide-caption { font-size: 18px; line-height: 26px; display: inline; }
.field-name-field-carousel-slides .field-name-field-slide-caption * { display: inline; }
.field-name-field-carousel-slides .field-name-field-slide-caption:after { content: " "; }
.field-name-field-carousel-slides .field-name-field-slide-link { font-size: 18px; display: inline-block; }
.field-name-field-carousel-slides .field-name-field-slide-link a { font-weight: bold; text-transform: uppercase; line-height: 26px; vertical-align: middle; }
.field-name-field-carousel-slides .field-name-field-slide-link a:hover { text-decoration: underline; }
.field-name-field-carousel-slides .field-name-field-slide-link .field-item:after { content: " " "\f144"; font-family: "FontAwesome"; display: inline; font-size: 1.3em; line-height: 0px; vertical-align: middle; }
.field-name-field-carousel-slides .slider-pagination { position: absolute; top: 20px; right: 20px; z-index: 15; }
.field-name-field-carousel-slides .slider-pagination .page-button { float: left; padding: 5px; cursor: pointer; }
.field-name-field-carousel-slides .slider-pagination .page-button:before { content: ""; display: block; width: 12px; height: 12px; border-radius: 6px; background: #f5f3f0; }
.field-name-field-carousel-slides .slider-pagination .page-button.active:before { background: #2455b8; }
.field-name-field-carousel-slides .slider-pagination .page-button:hover:before { background: #2455b8; }

.group-media-feature { margin-bottom: 40px; }
.group-media-feature img { width: 100%; height: auto; }
.media-feature { width: 100%; height: 0; padding-bottom: 57.53%; position: relative; }
 @-webkit-keyframes main-feature-slide-left {  from {
 left: 100%;
}
to { left: 0; }
}
@keyframes main-feature-slide-left {  from {
 left: 100%;
}
to { left: 0; }
}
@-webkit-keyframes main-feature-slide-right {  from {
 left: -100%;
}
to { left: 0; }
}
@keyframes main-feature-slide-right {  from {
 left: -100%;
}
to { left: 0; }
}
#main-feature-container { position: relative; height: 687px; }
.main-feature { position: absolute; width: 100%; height: 100%; z-index: 1; overflow:hidden; }
.main-feature .wr-img { height: 100%; background-size: cover !important; background-position:center center !important; }

.main-feature .feature-slide { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding-bottom: 30px;}
.main-feature .feature-slide:first-child { z-index: 2; }
.main-feature .feature-slide.active { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; }
.main-feature .feature-slide.active.left { -webkit-animation-name: photo-slider-slide-left; animation-name: photo-slider-slide-left; }
.main-feature .feature-slide.active.right { -webkit-animation-name: photo-slider-slide-right; animation-name: photo-slider-slide-right; }
.main-feature .feature-slide:before,
.main-feature .feature-slide:after { content: ""; position: absolute; left: 0px; right: 0px; max-width: 1600px; margin: 0 auto; height: 255px; z-index: 1; }
.main-feature .slide-contents { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; max-width: 1120px; padding: 0 30px; margin: 0 auto; }
.main-feature .slide-title { color: white; font-size: 50px; font-weight: bold; line-height: 52px; text-transform: uppercase; text-shadow: 1px 1px rgba(0, 0, 0, 0.3); letter-spacing: 0.02em; position: absolute; z-index: 2; top: 135px; width: 700px; }
.main-feature .slide-caption { position: absolute; z-index: 2; bottom: 0px; left: 0; right: 0; padding: 0 30px 125px 30px; text-align: center; color: white; font-size: 21px; line-height: 30px; text-transform: none; text-shadow: 1px 1px rgba(0, 0, 0, 0.3); }
.main-feature .slide-caption a { color: white; text-decoration: none; }
.main-feature .slide-caption a:hover { text-decoration: underline; }
.main-feature .action-link { display: inline; white-space: nowrap; color: white; font-size: 18px; font-weight: bold; text-transform: uppercase; }
.main-feature .action-link:after { font-family: FontAwesome; content: "\00A0" "\f144"; }
.main-feature .slide-controls { position: absolute; bottom:0px; z-index: 10; text-align: center; width: 100%; }
.main-feature .slide-controls-in { display: table; margin: 0 auto; }
.main-feature .slide-select { padding:0 26px; display:inline-block; vertical-align: middle; cursor: pointer; background-color: #fcd404; color: black; font-size: 23px; line-height: 63px; font-weight:700; margin:0 3px; }
.main-feature .slide-select.active { background-color: #006eae; color:#fff; }
.main-feature .slide-select:hover { background-color: #006eae; color:#fff; }

@media screen and (max-width: 1023px) {
.main-feature .slide-title { font-size: 42px; line-height: 43px; }
}
@media screen and (max-width: 767px) {
.main-feature { padding-bottom: 90px; transition: padding-bottom 0.2s linear; }
.main-feature:before,
.main-feature:after { content: none; }
.main-feature .feature-slide:before,
.main-feature .feature-slide:after { content: none; }
.main-feature .feature-slide { padding-bottom: 80px; }
.main-feature .slide-contents { top: auto; bottom: 0; height: auto; z-index: 1; padding-bottom: 25px; background: #222222; background:rgba(0,0,0,0.7); cursor: pointer; }
.main-feature .slide-contents:before { content: "\f0d8"; font-family: FontAwesome; display: block; padding-bottom: 10px; font-size: 25px; line-height: 27px; text-align: center; color: white; }
.main-feature .slide-title { position: static; width: 100%; padding: 0px 20px; font-size: 25px; line-height: 27px; text-align: center; }
.main-feature .slide-caption { position: static; padding: 0 20px; height: 1px; overflow: hidden; font-size: 16px; line-height: 22px; }
.main-feature .action-link { display: block; font-size: 22px; padding-top: 6px; }

.main-feature.style-community .slide-title { padding-bottom: 110px; }
.main-feature.style-community .slide-controls { bottom: 80px; }
.main-feature.style-community .slide-select { width: auto; height: auto; background: transparent; border: none; padding: 5px; }
.main-feature.style-community .slide-select-in { width: 12px; height: 12px; text-indent: -900px; border-radius: 6px; overflow: hidden; background: #898581; }
.main-feature.style-community .slide-select.active .slide-select-in { background: #2455b8; }
.main-feature.style-community .slide-select:hover .slide-select-in { background: #fcfcfc; }
@media screen and (max-width: 1023px) {
.main-feature.style-community .slide-select { padding: 10px; }
.main-feature.style-community .slide-select-in { width: 18px; height: 18px; border-radius: 9px; }
}