@import url(https://fonts.googleapis.com/css?family=Oswald:500,600,700&display=swap);
.js-hero--slick{margin:3rem auto;width:72.5rem}
.hero2{position:relative;padding-top:30px}
.hero h3{font-family:Oswald;font-weight:700;font-size:118px;line-height:114px;margin:0;color:#038;text-transform:uppercase}
.hero-content{display:flex;align-items:center;justify-items:center;background-color:#fff;color:#fff;font-weight:700;border-top:6px solid #038;position:relative;top:-5px}
.hero .left{min-height:330px;width:22%;background-color:#038;font-family:"ff-meta-serif-web-pro",sans-serif;padding:50px 30px;font-size:1.5rem;line-height:2rem}
.hero .right{width:78%;padding:30px 50px;font-size:16px;background-color:#fff;color:#000;font-weight:400}
.hero .right h4{font-size:18px;color:#000;text-transform:uppercase;font-weight:700;margin:0 0 1rem 0}
.hero .button a{color:#000;background-color:#c1cd24;display:inline-block;appearance:none;border-radius:0;font-size:.9rem;font-weight:400;margin:1.1rem 0 2.5rem 0;padding:.5rem 1.5rem;border:none}
.hero .button a:hover{background-color:#000;color:#fff}
section .hero:nth-of-type(1) h3{color:#038}
section .hero:nth-of-type(1) .left{background-color:#038}
section .hero:nth-of-type(1) .hero-content{border-top:6px solid #038}
section .hero:nth-of-type(2) h3{color:#b01c12}
section .hero:nth-of-type(2) .left{background-color:#b01c12}
section .hero:nth-of-type(2) .hero-content{border-top:6px solid #b01c12}
section .hero:nth-of-type(3) h3{color:#3d8ddd}
section .hero:nth-of-type(3) .left{background-color:#3d8ddd}
section .hero:nth-of-type(3) .hero-content{border-top:6px solid #3d8ddd}
section .hero:nth-of-type(4) h3{color:#000}
section .hero:nth-of-type(4) .left{background-color:#000}
section .hero:nth-of-type(4) .hero-content{border-top:6px solid #000}
section .hero:nth-of-type(5) h3{color:#566b0f}
section .hero:nth-of-type(5) .left{background-color:#566b0f}
section .hero:nth-of-type(5) .hero-content{border-top:6px solid #566b0f}
.hero.slick-slide{display:block!important}
.js-hero--slick ul.slick-dots{margin:0;padding:0;list-style-type:none;position:absolute;bottom:15px;left:24.7%;width:55rem}
.js-hero--slick ul.slick-dots li{background:url(/themes/custom/tufts_base/images/default.svg) no-repeat top center;display:inline-block;margin:0 1%;padding:35px 0 0 0;text-transform:uppercase;text-align:center;font-size:12px;width:18%;line-height:14px}
.js-hero--slick ul.slick-dots li:first-of-type{margin-left:0}
.js-hero--slick ul.slick-dots li:first-of-type.slick-active,.js-hero--slick ul.slick-dots li:first-of-type:hover{cursor:pointer;background:url(/themes/custom/tufts_base/images/blue.svg) no-repeat top center}
.js-hero--slick ul.slick-dots li:nth-of-type(2).slick-active,.js-hero--slick ul.slick-dots li:nth-of-type(2):hover{cursor:pointer;background:url(/themes/custom/tufts_base/images/red.svg) no-repeat top center}
.js-hero--slick ul.slick-dots li:nth-of-type(3).slick-active,.js-hero--slick ul.slick-dots li:nth-of-type(3):hover{cursor:pointer;background:url(/themes/custom/tufts_base/images/light-blue.svg) no-repeat top center}
.js-hero--slick ul.slick-dots li:nth-of-type(4).slick-active,.js-hero--slick ul.slick-dots li:nth-of-type(4):hover{cursor:pointer;background:url(/themes/custom/tufts_base/images/black.svg) no-repeat top center}
.js-hero--slick ul.slick-dots li:nth-of-type(5).slick-active,.js-hero--slick ul.slick-dots li:nth-of-type(5):hover{cursor:pointer;background:url(/themes/custom/tufts_base/images/green.svg) no-repeat top center}
.dots-mob{display:none}
@media screen and (max-width:1130px){
.js-hero--slick ul.slick-dots{width:45rem}
}
@media screen and (max-width:64em){
.js-hero--slick{max-width:75rem;margin:0 auto;position:relative;height:100%;padding:4rem 1.25rem;max-width:100%}
.js-hero--slick ul.slick-dots{margin:0 auto;left:0;width:100%;bottom:0;position:relative;left:0;max-width:100%}
.hero .left{min-height:330px;width:32%;background-color:#038;font-family:"ff-meta-serif-web-pro",sans-serif;padding:50px 30px;font-size:1.5rem;line-height:2rem}
.hero .right{width:68%;padding:30px 50px;font-size:16px;background-color:#fff;color:#000;font-weight:400}
.hero h3{font-size:100px;line-height:101px}
.hero .left{font-size:1.2rem;min-height:340px}
}
@media screen and (max-width:768px){
.js-hero--slick{padding:1rem 1.25rem 0rem 1.25rem}
.hero-content{display:block;top:-5px}
.hero .left{width:100%;font-size:.8rem;line-height:1.5rem;min-height:unset;padding:15px 30px}
.hero .right{width:100%;padding:20px 0 0 0}
.hero h3{font-size:45px;line-height:50px}
.js-hero--slick ul.slick-dots{display:block;margin:0;padding:0;list-style-type:none;position:relative;top:0;right:0}
.js-hero--slick ul.slick-dots li{display:block;background:0 0!important;margin:10px 0;padding:0;text-align:left;width:auto}
div.dots-mob{position:relative;display:block;max-width:100%;padding-top:10px;text-align:right}
.dots-mob .parent span{border-bottom:6px solid rgba(100,100,105,.4);padding-bottom:5px;min-width:100px;display:inline-block;text-align:left}
.dots-mob .parent span svg{width:14px;height:11px;stroke:#646469;color:#646469;line-height:37px;position:relative;top:7px;right:0;float:right;margin-left:20px}
.js-hero--slick .slick-slide{max-height:600px}
.dots-mob .parent{color:#000;text-align:left;font-weight:300;text-transform:uppercase;font-size:12px;max-width:100%}
.dots-mob ul{margin:0;padding:0;list-style-type:none}
.dots-mob li{margin:0;padding:0;list-style-type:none;display:inline-block;position:relative;z-index:999}
.dots-mob li:hover{text-decoration:none;color:#000}
.dots-mob li:hover ul.slick-dots li{background-color:transparent}
.dots-mob .slick-dots{max-width:100%;opacity:0;height:0;overflow:hidden;margin:0;position:absolute;z-index:99;padding:15px 0 0 0;left:0;top:30px;width:200px}
.dots-mob li ul.slick-dots{opacity:0;margin:0;position:relative;z-index:99;padding-left:0}
.dots-mob li:active>.slick-dots,.dots-mob li:hover>.slick-dots{opacity:1;height:auto}
.dots-mob li:active>.slick-dots li:active ul,.dots-mob li:hover>.slick-dots li:hover ul{height:auto!important;opacity:1}
.dots-mob .slick-dots li{list-style-type:none;display:block;text-align:left;padding:0 10px;float:none;line-height:20px;color:#000}
}