*{box-sizing:border-box}body{font-size:18px;line-height:1.2em;color:#333;background:#fff}html,body{overflow-x:hidden}body,button,input{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif}h1,h2,h3,h4,h5{font-weight:400;font-size:15px;margin:0;padding:0}h1{font-size:30px;line-height:35px;font-weight:600;margin-bottom:4px}h2{font-size:20px;font-weight:400;margin-bottom:4px}h3{color:#666;font-size:14px}a{color:#00f}a:focus{outline:black 2px solid}#main{max-width:1200px;margin:50px auto;padding:0 20px}.header{position:relative;padding-left:90px}.header img{position:absolute;top:5px;left:0}.text-center{text-align:center}.p20{padding:20px}.p50{padding:50px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}section+section{margin-top:50px}.carousel{margin:0 -10px}.carousel__wrapper{position:relative}.carousel__runner{display:flex;width:10000px}.carousel__pager{margin:10px 0 0 10px}.carousel__pager--hide{display:none}.carousel__pager__nav{display:inline-block;width:12px;height:12px;background:#333;border:0;text-indent:-6000px;margin:0;transition:all ease .2s;cursor:pointer}.carousel__pager__nav+.carousel__pager__nav{margin-left:5px}.carousel__pager__nav--active{background-color:#ccc;width:24px;cursor:default}.carousel__pager__nav:hover{background-color:#000}.carousel__pager__nav:focus{outline:4px blue solid}.carousel__pager__nav:disabled{background:#ccc}.carousel__nav{position:absolute;width:50px;height:60px;line-height:60px;top:50%;transform:translateY(-50%);cursor:pointer;border:0;background:#333;color:#fff;z-index:1;font-size:25px;transition:all ease .3s}.carousel__nav:hover{background:#000}.carousel__nav:disabled{background:#fff;color:#333}.carousel__nav:focus{outline:4px blue solid}.carousel__nav--previous{right:50px}.carousel__nav--next{right:0}.carousel__slide{opacity:.5;transition:all ease .2s;transform:scale(.75);padding:0 10px;display:flex;flex-direction:column}.carousel__slide--active{opacity:1;transform:scale(1)}.tile{height:150px;line-height:150px;background:#00f;color:#fff;text-align:center;font-size:50px;font-weight:500}.card{transition:opacity ease .6s;display:flex;flex-direction:column;height:100%}.card--active{opacity:1}.card__style{background:#efefef;display:flex;flex-direction:column;overflow:hidden;flex:1}.card__title{padding:16px}.card__image img{width:100%;aspect-ratio:3/2}.card__text{padding:16px;font-size:14px;font-style:italic}.card__actions{margin-top:auto;padding:0 16px 16px}.card__actions button{padding:2px 5px;text-transform:uppercase;text-decoration:none;background:none;border:0;border-radius:2px;color:#00f;font-weight:600;cursor:pointer;transition:background ease .2s}.card__actions button:hover{background:#efefef}.card__actions button:focus{outline:black 2px solid}.card__actions button+.card__actions button{margin-left:16px}.feature{background:#efefef;height:500px;display:flex;align-items:center;padding:10px}.feature h1{font-size:30px;line-height:30px}@media (min-width: 800px){.feature{padding:50px}.feature h1{font-size:70px;line-height:70px}}.feature__content{flex:1;padding:0 0 0 50px}.feature__img{flex-basis:100px}@media (min-width: 800px){.feature__img{flex-basis:300px}}.feature img{width:100%}.button{border:0;padding:10px 30px;font-size:18px;background:transparent;cursor:pointer;transition:background ease .2s;background-color:#fff}.button:hover{background-color:#ddd}.button:focus{outline:blue 2px solid}
