@media only screen and (min-width:768px) and (max-width:1299px){.hero-tiles-main .hero-tile-item-content{margin-top:2rem}
}
@media only screen and (max-width:767px){.hero-tiles-main .hero-tile-item-content{margin-top:1.4rem}
}
.hero-tiles-main .hero-tile-item-content .headline,.hero-tiles-main .hero-tile-item-content .paragraph{color:#fff}
.hero-tiles-main .hero-tile-item-content .headline p,.hero-tiles-main .hero-tile-item-content .paragraph p,.hero-tiles-main .hero-tile-item-content .headline div,.hero-tiles-main .hero-tile-item-content .paragraph div{margin:0}
.hero-tiles-main .hero-tile-item-content .paragraph{margin-bottom:0;font-size:1.3rem;margin-top:1.25rem}
@media only screen and (max-width:767px){.hero-tiles-main .hero-tile-item-content .paragraph{font-size:1rem}
}
@media only screen and (max-width:767px){.hero-tiles-main .hero-tile-item-content .paragraph{margin-top:.875rem}
}
.hero-tiles-main .hero-tile-item-content .single-button{margin-top:2rem}
@media only screen and (max-width:767px){.hero-tiles-main .hero-tile-item-content .single-button{margin-top:1.4rem}
}
.hero-tiles-main .col-content{z-index:2;align-self:flex-start}
.hero-tiles-main{background-color:#222;position:relative}
.hero-tiles-main .column{position:relative}
.hero-tiles-main .column:last-child .row{justify-content:flex-end;text-align:right}
@media only screen and (max-width:1299px){.hero-tiles-main .column:last-child .row{text-align:left;justify-content:flex-start}
}
.hero-tiles-main .column:last-child .row .ds-button{margin-right:0}
@media only screen and (min-width:768px) and (max-width:1299px){.hero-tiles-main .column{height:336px}
}
@media only screen and (max-width:767px){.hero-tiles-main .column{height:550px}
}
.hero-tiles-main .content-full-width-wrapper{position:absolute;left:0;right:0;bottom:0;top:0}
.hero-tiles-main .content-container,.hero-tiles-main .full-width-wrapper,.hero-tiles-main .center-row{height:450px;overflow:hidden}
@media only screen and (min-width:768px) and (max-width:1299px){.hero-tiles-main .content-container,.hero-tiles-main .full-width-wrapper,.hero-tiles-main .center-row{height:672px}
}
@media only screen and (max-width:767px){.hero-tiles-main .content-container,.hero-tiles-main .full-width-wrapper,.hero-tiles-main .center-row{height:1100px}
}
.hero-tiles-main .col-image-holder-0{text-align:right}
@media only screen and (max-width:767px){.hero-tiles-main .col-image-holder-0,.hero-tiles-main .col-image-holder-1{height:550px}
}
@media only screen and (min-width:768px) and (max-width:1299px){.hero-tiles-main .col-image-holder-0,.hero-tiles-main .col-image-holder-1{height:336px}
}
.hero-tiles-main .col-image-holder-0 .image-centered,.hero-tiles-main .col-image-holder-1 .image-centered{overflow:hidden;height:100%;display:flex;justify-content:center;align-items:center}
@media only screen and (max-width:767px){.hero-tiles-main .col-image-holder-0 .image-centered img,.hero-tiles-main .col-image-holder-1 .image-centered img{max-width:767px;max-height:550px}
}
@media only screen and (min-width:768px) and (max-width:979px){.hero-tiles-main .col-image-holder-0 .image-centered img,.hero-tiles-main .col-image-holder-1 .image-centered img{max-width:979px;max-height:336px}
}
@media only screen and (min-width:980px) and (max-width:1299px){.hero-tiles-main .col-image-holder-0 .image-centered img,.hero-tiles-main .col-image-holder-1 .image-centered img{max-width:1299px;max-height:336px}
}
@media only screen and (min-width:1300px) and (max-width:1599px){.hero-tiles-main .col-image-holder-0 .image-centered img,.hero-tiles-main .col-image-holder-1 .image-centered img{max-width:825px;max-height:464px}
}
@media only screen and (min-width:1600px) and (max-width:1920px){.hero-tiles-main .col-image-holder-0 .image-centered img,.hero-tiles-main .col-image-holder-1 .image-centered img{max-width:960px;max-height:464px}
}
.hero-tiles-main .gradient-holder{position:absolute;top:0;left:0;bottom:0;right:0}
.hero-tiles-main .gradient-holder .col-image{overflow:hidden;height:450px;position:relative}
@media only screen and (min-width:768px) and (max-width:1299px){.hero-tiles-main .gradient-holder .col-image{height:336px}
}
@media only screen and (max-width:767px){.hero-tiles-main .gradient-holder .col-image{height:550px}
}
.hero-tiles-main .gradient-holder .col-image:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block}
.hero-tiles-main .gradient-holder .col-image.gradient-0{text-align:right}
.hero-tiles-main .gradient-holder .col-image.gradient-0:after{background:linear-gradient(120deg,#000 0,rgba(0,0,0,0.4) 40%,rgba(255,255,255,0) 60%)}
.hero-tiles-main .gradient-holder .col-image.gradient-1{text-align:left}
.hero-tiles-main .gradient-holder .col-image.gradient-1:after{background:linear-gradient(70deg,rgba(255,255,255,0) 40%,rgba(0,0,0,0.4) 60%,#000 100%)}
.hero-tiles-main--dark{border-bottom:.75rem solid #000}
.hero-tiles-main--light{background:#fff}
.hero-tiles-main--light .container-extended.flex.tiles-grid.border-in .row>[class*="col-"]:before,.hero-tiles-main--light .container-extended.flex.tiles-grid.border-in .row>[class*="col-"]:after{background:#fff}
@media only screen and (max-width:1299px){.hero-tiles-main .full-width-wrapper .container-extended.flex.tiles-grid.border-in .row>[class*="col-"]:before,.hero-tiles-main .full-width-wrapper .container-extended.flex.tiles-grid.border-in .row>[class*="col-"]:after{background:0}
}