.component_feature{
  padding:4.375rem;
}

@media (min-width:768px) and (max-width:991.98px){
  .component_feature{
    padding:2.5rem 1.25rem;
  }
}

@media (max-width:767.98px){
  .component_feature{
    padding:1.25rem 0;
  }
}

.component_feature [data-pagination] button{
  color:#06c;
  font-weight:700;
  text-decoration:underline;
}

.component_feature [data-pagination] button:hover{
  color:#004d99;
}

.component_feature{
  padding-bottom:0;
  text-align:center;
}

.component_feature .result{
  margin-bottom:3rem;
  position:relative;
}

.component_feature .result a{
  display:inline-block;
}

.component_feature .result a.button{
  -webkit-border-radius:.3125rem;
     -moz-border-radius:.3125rem;
          border-radius:.3125rem;
  min-width:12.5rem;
  font-weight:600;
  margin-top:-1.25rem;
  padding:.625rem 1.25rem .625rem .625rem;
}

.component_feature .result a.button.icon .font{
  display:inline-block;
  font-weight:600;
  font-size:1.25rem;
  vertical-align:middle;
  margin-right:.9375rem;
}

.component_feature .result a.image{
  width:100%;
}

.component_feature .result .image .box{
  overflow:hidden;
  width:53.125rem;
  height:21.875rem;
  margin:0 auto -.625rem;
  background-position:50%;
  -moz-background-size:cover;
       background-size:cover;
  max-width:100%;
}

@media (max-width:991.98px){
  .component_feature .result .image .box{
    width:100%;
    height:15.625rem;
  }
}

.component_feature .result .image .box img{
  max-width:100%;
  opacity:0;
}

.component_feature .result .title{
  max-width:50rem;
  margin-left:auto;
  margin-right:auto;
}

.component_feature .result .description{
  max-width:50rem;
  margin:0 auto 1.25rem;
}

.component_feature .result .accent-bar-left{
  margin-bottom:.625rem;
}

.component_feature .result .accent-bar-left.smcenter:before{
  width:9.375rem !important;
  margin-left:-4.6875rem;
}

.component_feature .result .accent-bar-left-arrow{
  margin-bottom:.625rem;
}

.component_feature .result .accent-bar-left-arrow:before{
  margin-left:-4.625rem;
}

.component_feature [data-pagination] button{
  background:none;
  border:0;
}

.component_feature.-with-pagination{
  padding-bottom:4.375rem;
}

.component_feature.-round-borders .result .box{
  -webkit-border-radius:1.25rem;
     -moz-border-radius:1.25rem;
          border-radius:1.25rem;
}

@media (min-width:768px){
  .component_feature.-round-borders .result .box{
    -webkit-border-radius:1.875rem;
       -moz-border-radius:1.875rem;
            border-radius:1.875rem;
  }
}

/*# sourceMappingURL=feature.min.css.map */
